@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

*{
  margin:0;
  padding:0;
  font-family: "EB Garamond";  
  transition:0.3s;
  color:rgb(72, 72, 72);
}
/*COMPUTER*/
@media screen and (min-width:1000px) {
    .body{
        position:relative;
        display: grid;
        grid-template-columns: 75% 25%;
    }
    .grid-2{
        display: grid;grid-template-columns: auto auto;
    }
    .mobile-header{display: none;}
    .mobile-only{
        display:none;
   }
}
/*MOBILE*/
@media screen and (max-width:999px) {
   .sidebar{display: none;} 
   .body{
        padding-left: 32px;
        padding-right: 32px;
   }
}

/*COMBINED—HEADER STYLES*/
.head{
    padding:10px;
    margin-bottom:20px;
    border-bottom:lightgray 1px solid;
}
.head button:hover{
    color:gray;
}
img{
    width:25px;
}
button{
    border: none;
    background-color: rgba(0,0,0,0);
    font-size:16px;
}
.sans{
    font-family: "Open Sans";
    font-weight: 100;
}
.note{
    margin-left:15px;
    padding:10px;
    font-style: italic;
    background-color: rgba(211, 211, 211, 0.136);
}
iframe{
    position:absolute;
    height:90%;
    width:100%;
}
.hv-no:hover{
    text-decoration: line-through;
}
.boxes{
    max-width: 800px;
    margin:auto;
    margin-top:20px;
}
.box{
    margin:10px;
    padding:5px;
    padding-top:12px;
}
h3{
    font-family:"Merriweather";
}
.underline{
    text-decoration: underline;
}
.mobile-bulk{font-style: italic;text-align: left;}
.box h3{
    font-weight:500;
    margin-bottom:5px;
}
.box h3:hover{
    color:gray;
}

.b{border-radius: 0;border-top: 4px solid rgb(111, 111, 196);}
.g{border-radius: 0;border-top: 4px solid rgb(95, 145, 95);}
.y{border-radius: 0;border-top: 4px solid rgb(156, 156, 51);}
.r{border-radius: 0;border-top: 4px solid rgb(183, 95, 95);}
.lb{border-radius: 0;border-top: 4px solid rgb(97, 147, 152);}
.br{border-radius: 0;border-top: 4px solid rgb(160, 87, 161);}

/*BODY STYLES*/
.body-text{
    max-width: 800px;
    margin:auto;
    margin-top:20px;
    text-align: center;
    font-size:20px;
}
sup{
    font-family: bold;
    font-size:13px;
    color:#a688fa;
}
.text-header{
    margin:6px;
    font-weight: 500;
}
.bulk-text{
    text-align: left;
    line-height: 1.5;
}
/*SIDEBAR IS NOT VISIBLE ON MOBILE*/
.sidebar{
    position:sticky; 
    margin-right: 30px;
    padding:20px;
    background-color: rgba(211, 211, 211, 0.136);
    min-width:200px;
    height:min-content;
    top:0px;
}
.sidebar h3{
    font-weight: 100;
}