@import url('https://fonts.googleapis.com/css2?family=Castoro&display=swap');


body {
    background-color: #f2e5d9;
    width:100%;
    overflow:auto;
    margin:0px;
    font-family: 'Castoro', serif;
}

.headbar {
    background-color: #92ece3;
    position:absolute;
    height:50px;
    top:25px;
    width: 100%;
    padding: 0px;
    color:black;
    border: solid white;
    border-width: 1px;
    overflow:hidden;
    text-align:center;
    max-width:1200px;
    font-family: 'Castoro', serif;
}

.footbar {
    
    background-color: #92ece3;
    color: #211d17;
    width: 100%;
    position:absolute;
    padding: 0px;
    height:50px;
    line-height:50px;
    border: solid white;
    border-width: 1px;
    text-align:center;
    max-width:1200px;
}

.footbar a:link {
    text-decoration: none;
    color:black;
}

.footbar a:visited {
    text-decoration: none;
    color:black;
}

.footbar a:hover {
    text-decoration: underline;
    color:#212121;
}


.content {
    background-color: #211d17;
    width:100%;
    padding: 0px;
    margin: auto;
    border: solid white;
    border-width: 1px;
    font-family: 'Castoro', serif;
}


.frame {
    max-width:1200px;
    width:100%;
    margin:auto;
    left:50%;
    
}

.dropbar{
    z-index: -1;
    background-color: #abece3;
    position:absolute;
    height:50px;
    top:35px;
    width:99.9%;
    padding: 0px;
    border: solid white;
    border-width: 1px;
    text-align:center;    
    
}

.dropbar-2{
    z-index: -1;
    background-color: #abece3;
    position:absolute;
    height:50px;
    width:99.9%;
    padding: 0px;
    margin-top:-10px;
    border: solid white;
    border-width: 1px;
    text-align:center;    
    
}

.button {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100px;
    height:50px;
    float:left;
    color:"#000000";
}

.button:hover {
    
    opacity: .8;
}

.button a:link {
    color:white; 
    font-size: 25px;
    text-decoration:none;
}

.button a:visited {
    color:white; 
    text-decoration:none;
}

.star {
    display:flex;
    align-items:center;
    width:30px;
    height:50px;
    float:left;
}


.main {
    top:80px;
    padding: 20px;
    margin-top: 75px;

    overflow:hidden;
}


.spc {
    height:10px;
    
}




html {
  font-family: 'Castoro', serif;
  font-size: 14px;
}