*{
    box-sizing:border-box;
}

:root{
  --fuukablue:#73a5a4;
  --miowhite:#dfddd8;
  --bocchipink:#fab3c3;
  --shulkblack:#3e3339;
}

body {
  background-color:var(--bocchipink);
  color: black;
  font-family: Verdana;
}




.floatright{
    float:right;
}

.floatleft{
    
    float:left;
}

header, main{
    width:80%;
    margin:0 auto;
    padding: 1rem;
    border: 5px solid white;
}
  
header{
    background-color:var(--fuukablue);
    color:white;
    padding-bottom: 150px;

}

main{
    background-color: #3e3339;
    color: white;
}


nav li{
    list-style:none;
    text-decoration: none;
    
}

main a{
    color: #baa7cc;
    
}

main a:visited{
    color:#e2aab5
}

a:hover{
    color: #dfddd8;
}

article{
    size: 60%;
    padding:10px;
    background-color: var(--fuukablue);
    color: white;
    border: 2px solid var(--bocchipink);
}

#ramble{
    border: 2px solid white;
    background-color: var(--bocchipink);
    color: #3e3339;
}

figure{
    border: 2px solid white;
    background-color: var(--bocchipink);
    color: #3e3339;
}
figure img{
    padding: 1rem;
}

.quote{
    border: 2px solid white;
    background-color: var(--bocchipink);
    color: #3e3339;
}