/* 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;
}


.insidebox{    
    border-radius: 30px;

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







.menu {
    border-radius: 25px;

    width: 15%;

    height: auto;

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


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

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






.middleboxhidden{
  float: left;
  width: 50%;
  height: auto;

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


.middleboxvisible{
    border-radius: 25px;

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

    width: 98%;
    height: auto;

    padding: 2.5%;
  
    background-color: #ebd9dd44;
}






.flexcontainer{
    border-radius: 25px;

    width: 100%;

    margin-bottom: 15px;

    background-color: #E2C4D8c2;

    display: -webkit-flex; 
    display: flex 1;

    border: solid;
}

.column65l{   
   flex: 1 1 65%;


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

    float: left;    
}

.column35r{    
    flex: 1 1 35%;
    background-color: rgba(168, 21, 21, 0);
    float: left;    
    border-style: none none none dashed;
}

.column35l{
    flex: 1 1 35%;
    background-color: rgba(168, 21, 21, 0);

    float: left;  
}

.column65r{
    flex: 1 1 65%;
    background-color: rgba(168, 21, 21, 0);
    float: left;    
    border-style: none none none dashed;
}

.column50l{
    flex: 1 1 50%;
    background-color: rgba(168, 21, 21, 0);

    float: left;  
}

.column50r{
    flex: 1 1 50%;
    background-color: rgba(168, 21, 21, 0);
    float: left;    
    border-style: none none none dashed;
}



.column33l1{
    flex: 1 1 33%;
    background-color: rgba(21, 72, 168, 0);
    float: left; 
}

.column34l2{
    flex: 1 1 34%;
    background-color: rgba(21, 72, 168, 0);
    float: left; 
    border-style: none none none dashed;
}

.column33l3{
    flex: 1 1 33%;
    background-color: rgba(168, 21, 21, 0);
    float: left;    
    border-style: none none none dashed;
}


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

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

}



.autocontainer{
    border-radius: 25px;

    width: 100%;
    height: auto;    

    margin-bottom: 15px;

    background-color: #E2C4D8c2;

    border: solid;
}



.rightsection{
    border-radius: 35px;

    width: 35%;
    height: auto; 

    background-color: #9182C4;

    float: right;
}


.rightcontainer{
    border-radius: 25px;

    margin: 20px;

    width: 95%;
    height: auto;

    padding: 5px; 

    background-color: #B598CC;
}

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;}