* {box-sizing:border-box}

@font-face {
    font-family: 'Sofia Sans';
    src: url('fonts/Sofia_Sans_Condensed/SofiaSansCondensed-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body {
    margin: 0;
    padding: 35px;
  
    width: 100%;
    height: 100%;
  
    overflow: hidden;
    position: relative;
  
    background-image: url(media/707.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  
    text-align: center;
  
    justify-content: center;
  
    background-color: #2a2a2a;
  
    overflow-y: scroll;
    font-family:'Sofia Sans', Times New Roman;
      }
  
      body::-webkit-scrollbar{
          display: none;
}



.main{
    border-radius: 25px;

    margin-left: 75px;
    
    max-width: 100%;

    padding: 15px;

    background-color: #D6C5C9a4;

    overflow-y: hidden;
    }

    .mainflex{
    display: flex;
    flex-direction: row;
}


.centerhidden{
    flex: 100%;
    max-width: 100%;
    height: auto;
    }

    .centervisible{
    border-radius: 25px;
    margin-left: 1%;
    margin-right: 1%;
    height: auto;
    width: 98%;
    padding: 2.5%;
    background-color: #ebd9dd44;
    font-size: 300%;
}

a.middlelinks:link {color:#551A8B; text-decoration: none;}
a.middlelinks:visited {color:#551A8B; text-decoration: none;}
a.middlelinks:hover {color: #c484e4; text-decoration: none;}