/*also ik its weird to have all css in one file do I care no*/
/*General shit ig*/

.roboto-slab-<uniquifier> {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



body{
    background-image: url("000013080031-dithered.png");
    background-size: 100%;
}

.container{
    max-width: 800px;
    margin: 50px auto;
    display: grid;
    background-color: #f9f5d7;
    grid-template-columns: 200px auto 200px;
    grid-gap: 20px;
    text-align: justify;
    border-width: 5px;
    border-style: solid;
    border-color: #d79921;
    box-shadow: 10px 10px;
}

h1{
    color: #282828;
    font-family: "Roboto Slab";
    font-size: 50px;
    text-shadow: 3px 3px;
}

h2{
    color: #3c3836;
    font-family: "Roboto Slab";
    font-style: bold;
}

p{
    color: #3c3836;
    font-family:"Roboto Slab";
}

a{
    color: #8f3f71;
    font-family: "Roboto Slab";
}
li{
    color: #3c3836;
    font-family: "Roboto Slab";
}

/*Homepage*/

.header{
    grid-row: 1 / 2;
    grid-column: 1 / 4;
    text-align: center;
}

.leftbar{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    margin-left: 10px;
}

.main{
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

.righttbar{
    grid-row: 2 / 3;
    grid-column: 3 / 4;
    text-align: center;
}
#nav{
    margin-left: 15px;
}

.footer{
    grid-row: 4 / 5;
    grid-column: 1 / 4;
}

/*About me*/
.about-container{
    max-width: 1200px;
    margin: 50px auto;
    display: grid;
    grid-template-columns: 400px auto;
    grid-gap: 10px;
    background-color: #f9f5d7;
    border-width: 5px;
    border-style: solid;
    border-color: #d79921;
    box-shadow: 10px 10px;

}

.leftside{
    grid-row: 1 / 2;
    grid-column 1 / 2;
    margin-top: 25px;
    margin-left: 25px;
}

#picture{
}

#bio{

}

.main2{
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

#about-me{

}

.charts{
    grid-row: 2 / 3;
    grid-column: 3 / 4;
}

#findme{
}

#likes{
}

#dislikes{
}

#favorites{
}

.bottom{
    grid-row: 3 / 4;
    grid-column: 1 / 4;
    margin: auto;
}