/* Imports fonts and gives it name */
/* Passion Conflict - Passion */
@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(images/Linx1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

  text-align: center;

  justify-content: center;

  animation: change 20s infinite ease-in-out;
  animation-delay: 1s;
  animation-duration: 60s;

  background-color: #2a2a2a;

  overflow-y: scroll;
}

body::-webkit-scrollbar{
    display: none;
}





.outsidebox{
    border-radius: 25px;

    height: 100%;
    max-width: 100%;

    padding: 15px;

    background-color: #D6C5C9a4;

    overflow-y: hidden;
}

.outsidebox::-webkit-scrollbar{
    display: none;
}

.insidebox{    
    border-radius: 30px;

    height: 100%;
    max-width: 100%;
   
    background-color: #24deff00;

    overflow-y: hidden;
}

.insidebox::-webkit-scrollbar{
    display: none;
}






.menu {
    border-radius: 25px;

    width: 15%;

    height: auto;

    padding: 5px; 
    background-color: #6D76A7;
    
    float: left;
    overflow-y: scroll;
}

.menu::-webkit-scrollbar{
    display: none;
}

.menuspacer{
    height: 25px;
    width: 100%;

    background-color: rgba(129, 33, 219, 0);

}






.middleboxhidden{
  float: left;
  width: 50%;
  height: 2050px;

  background-color: rgba(243, 13, 224, 0);

  overflow-y: hidden;
}
  
.middleboxhidden::-webkit-scrollbar{
    display: none;
}
  
.middleboxvisible{
    border-radius: 25px;

    margin-left: 1%;
    margin-right: 1%;

    width: 98%;
    height: 100%;

    padding: 1%;
  
    background-color: #ebd9dd44;
  
    overflow-y: scroll;  
}
    
.middleboxvisible::-webkit-scrollbar{
    display: none;
}





.introoutside{
    width: 100%;
    height: 595px;    

    padding: 15px; 

    background-color: rgba(170, 15, 149, 0);
}

.introinside{
    border-radius: 25px;

    width: 100%;
    height: 100%;    

    background-color: #E2C4D8c2;

    border: solid;
}

.introcolumnleft{   
    height: 560px;    
    width: 65%;    

    padding: 20px; 

    background-color: rgba(168, 21, 21, 0);

    float: left;    
    overflow-y: scroll;
}

.introcolumnleft::-webkit-scrollbar{
    display: none;
}

.introcolumnright{   
    height: 560px;
    width: 35%;

    padding: 5px; 

    background-color: rgba(21, 60, 168, 0);

    float: left;    
    overflow-y: scroll;
    border-style: none none none dashed;
}

.introcolumnright::-webkit-scrollbar{
    display: none;
}






.noticeoutside{
    width: 100%;
    height: auto;    

    padding: 15px; 

    background-color: rgba(170, 15, 149, 0);
}

.noticeinside{
    border-radius: 25px;

    width: 100%;
    height: auto;    

    background-color: #E2C4D8c2;

    border: solid;
    overflow-y: scroll;
}

.noticeinside::-webkit-scrollbar{
    display: none;
}






.passwordoutside{
    width: 100%;
    height: 415px;    

    padding: 15px;

    background-color: rgba(170, 15, 149, 0);

    float: left;   
}

.passwordinside{
    border-radius: 25px;

    width: 100%;
    height: 100%;    

    background-color: #E2C4D8c2;

    border: solid;
}

.passwordspacer{
    width: 100%;
    height: 28%;

    background-color: rgba(220, 20, 60, 0);

}

.passwordcolumnleft{   
    height: 380px;    
    width: 35%;    

    padding: 20px; 

    background-color: rgba(168, 21, 21, 0);

    float: left;    
    overflow-y: scroll;

    font-family:'Sofia Sans', Times New Roman;
}

.passwordcolumnleft::-webkit-scrollbar{
    display: none;
}

.passwordcolumnright{   
    height: 380px;
    width: 65%;

    padding: 5px; 

    background-color: rgba(21, 60, 168, 0);

    float: left;    
    overflow-y: scroll;
    border-style: none none none dashed;

}

.passwordcolumnright::-webkit-scrollbar{
    display: none;
}
  





.exerciseoutside{
    width: 100%;
    height: 390px;    

    padding: 15px;

    background-color: rgba(170, 15, 149, 0);

    float: left;   
}

.exerciseinside{
    border-radius: 25px;

    width: 100%;
    height: 100%;    

    background-color: #E2C4D8c2;

    border: solid;
}

.exercisespacer2{
    width: 100%;
    height: 10%;

    background-color: rgba(220, 20, 60, 0);

}

.exercisecolumnleft{   
    height: 355px;    
    width: 50%;    

    padding: 20px; 

    background-color: rgba(168, 21, 21, 0);

    float: left;    
    overflow-y: scroll;

    font-family:'Sofia Sans', Times New Roman;
}

.exercisecolumnleft::-webkit-scrollbar{
    display: none;
}

.exercisecolumnright{   
    height: 355px;
    width: 50%;

    padding: 5px; 

    background-color: rgba(21, 60, 168, 0);

    float: left;    
    overflow-y: scroll;
    border-style: none none none dashed;
}

.exercisecolumnright::-webkit-scrollbar{
    display: none;
}






.updateoutside{
    width: 100%;
    height: auto;    

    padding: 15px; 

    background-color: rgba(170, 15, 149, 0);
}

.updateinside{
    border-radius: 25px;

    width: 100%;
    height: 100%;    

    padding: 15px;

    background-color: #E2C4D8c2;

    border: solid;
    overflow-y: scroll;
}

.updateinside::-webkit-scrollbar{
    display: none;
}






.rightsection{
    border-radius: 35px;

    width: 35%;
    height: auto; 

    background-color: #9182C4;

    float: right;
    overflow-y: scroll;
}

.rightsection::-webkit-scrollbar{
    display: none;
}



.amcbox{
    border-radius: 25px;

    margin: 10px;

    width: 95%;

    padding: 5px; 

    background-color: #B598CC;

    float: right;
}



.noticesbox{
    border-radius: 25px;

    margin: 10px;  

    width: 95%;   

    padding: 5px; 

    background-color: #B598CC;

    float: right;
}



.slidebox{
    padding: 5px; 

    border-radius: 25px;

    margin: 10px;

    align-self: center;
    width: 95%;

    background-color: #B598CC;

    float: right;
}

video{
max-width: 95%;

border-radius: 25px;
}




.bottom{
    border-radius: 25px;

    margin-top: 1%;

    width: 100%;
    height: 235px;   

    padding: 5px; 

    background-color: rgba(255, 255, 255, 0.63);

    float:left;
}

.bottom::-webkit-scrollbar{
    display: none;
}



.bottomgif{
    border-radius: 25px;

    height: 100%;
    width: 14%;    

    margin-right: 5px;

    background-color: #bf678b;

    border: solid;
    float: left;
    overflow-y: scroll;
}

.bottomgif::-webkit-scrollbar{
    display: none;
}

img.gif{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


.bottommiddle{
    border-radius: 25px;

    height: 100%;
    width: 69%;

    background-color: rgba(255, 255, 255, 0.322);

    float: left;
    border: solid;
}


.about{
    padding: 5px;
    
    height: 100%;
    width: 55%;    

    background-color: rgba(49, 20, 117, 0);

    float: left;
    overflow-y: scroll;
}

.about::-webkit-scrollbar{
    display: none;
}

.contact{
    padding: 5px;

    height: 100%;
    width: 30%;

    float: left;

    background-color: rgba(121, 31, 31, 0);

    border-style: none none none dashed;
    overflow-y: scroll;
}

.contact::-webkit-scrollbar{
    display: none;
}

.karlijn{
    padding: 5px;

    height: 100%;
    width: 15%;

    float: left;

    background-color: rgba(28, 133, 68, 0);

    border-style: none none none dashed;
    overflow-y: scroll;
}

.karlijn::-webkit-scrollbar{
    display: none;
}

.logocontainer{
    margin-left: 5px;

    height: 100%;
    width: 15%;

    float: left;

    background-color: #6d76a700;
}



.logoacc{
    border-radius: 25px;

    margin-bottom: 5px;

    padding-top: 3%;

    height: 61%;
    width: 100%;  

    background-color: #436cb9;

    border: solid;
}



.logoaccleft{
    height: 100%;
    width: 40%;  

    background-color: #56889100;
    float:  left;
}



.logoaccright{
    height: 100%;
    width: 60%;  

    background-color: #3d4e6e00;
    float:  right;
}



.logoamc{
    border-radius: 15px;

    padding-top: 2%;

    height: 35%;
    width: 100%;  

    background-color: #ffffff;

    border: solid;
}












h1.menuhead{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 2vw;
    color: white;
    text-align: center;
    margin: 5px;
}




h1.middlehead{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 175%;
    color: black;
    margin: 5px;
    text-align: center;
}

h2.middletext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 150%;
    color: black;
    margin: 5px;
    text-align: center;
}

h3.middlefoot{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 100%;
    color: black;
    margin: 5px;
    text-align: center;
}

h2.middlelinks{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 150%;
    margin: 5px;
    text-align: center;
}



h1.noticehead{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 250%;
    color: rgb(218, 59, 59);
    margin: 5px;
    text-align: center;
}

h2.noticetext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 175%;
    color: rgb(218, 59, 59);
    margin: 5px;
    text-align: center;
}




h2.righttext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 175%;
    color: black;
    margin: 5px;
    text-align: center;
}

h2.rightlinks{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 175%;
    color: black;
    margin: 5px;
    text-align: center;
}




h1.bottomhead{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 125%;
    color: black;
    margin: 5px;
    text-align: left;
}

h2.bottomtext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 100%;
    color: black;
    margin: 5px;
    text-align: left;
}


h2.transtext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 100%;
    color: rgb(148, 125, 125);
    margin: 5px;
    text-align: left;
}


h2.giftext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 150%;
    color: black;
    margin: 5px;
    text-align: center;
}

h3.giftext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 115%;
    color: black;
    margin: 5px;
    text-align: center;
}


h2.acclink{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 150%;
    color: rgb(255, 255, 255);
    margin: 7px;
    text-align: center;
}


h1.karlijnname{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 150%;
    color: #121d83;
    margin: 10px;
    text-align: center;
}

h2.karlijnhead{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 140%;
    color: rgb(0, 0, 0);
    margin: 10px;
    text-align: center;
}

h3.karlijntext{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 125%;
    color: rgb(0, 0, 0);
    margin: 15px;
    text-align: center;
}

h3.karlijnlink{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 125%;
    color: rgb(0, 0, 0);
    margin: 15px;
    text-align: center;
}


h1.contacthead{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 175%;
    color: rgb(0, 0, 0);
    margin: 2px;
    text-align: center;
}

span.contactwhite{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 140%;
    color: rgb(0, 0, 0);
    margin: 1px;
    text-align: center;
}

span.contactyellow{
    font-family:'Sofia Sans', Times New Roman; 
    font-size: 140%;
    color: #0d1988;
    margin: 1px;
    text-align: center;
}









a.menuheadlink:link {color:white; text-decoration: underline;}
a.menuheadlink:visited {color:white; text-decoration: underline;}
a.menuheadlink:hover {color: #E2C4D8; text-decoration: underline;}

a.menulinks:link {color:white; text-decoration: none;}
a.menulinks:visited {color:white; text-decoration: none;}
a.menulinks:hover {color: #E2C4D8; text-decoration: none;}

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

a.rightlinks:link {color:rgb(0, 0, 0); text-decoration: underline;}
a.rightlinks:visited {color:rgb(0, 0, 0); text-decoration: underline;}
a.rightlinks:hover {color: #EBD9DD; text-decoration: underline;}

a.giftext:link {color:rgb(0, 0, 0); text-decoration: none;}
a.giftext:visited {color:rgb(0, 0, 0); text-decoration: none;}
a.giftext:hover {color: white; text-decoration: none;}

a.acclink:link {color:rgb(255, 255, 255); text-decoration: none;}
a.acclink:visited {color:rgb(255, 255, 255); text-decoration: none;}
a.acclink:hover {color: rgb(0, 0, 0); text-decoration: none;}

a.karlijnlink:link {color:rgb(0, 0, 0); text-decoration: underline;}
a.karlijnlink:visited {color:rgb(0, 0, 0); text-decoration: none;}
a.karlijnlink:hover {color:#ebd9dd; text-decoration: none;}

a.instagram:link {color:#121d83; text-decoration: underline;}
a.instagram:visited {color:#121d83; text-decoration: none;}
a.instagram:hover {color:#279494; text-decoration: none;}