.body{
    background-color: rgb(255, 235, 180);
    margin: 0;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
*{
    zoom: 100% !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
/*    background-color: rgb(256, 240, 160)
rgb(4,61,86)*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

div, p, a{
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    font-style: normal;
}

*, div{
    color: black;
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

a.link{
    color: blue;
}

a.link:active{
    color: red !important;
}

a.link:visited{
    color: blue;
}


.bold{
    font-weight: bold !important;
}

.underline{
    text-decoration: underline !important;
}

.center{
    text-align: center !important;
}

@media all and (min-width: 601px) {
    .button1{
        align-items: center !important;
        box-shadow:  0px 0px 0px 0px rgb(50,110,240) !important;
        border-radius: 5px !important;
        color: white !important;
        background-color: rgb(40,100,230);
        cursor: pointer;
        display: block !important;
        transition: all 0s ease;
        line-height: 50px !important;
        font-size: 20px !important;
        text-align: center !important;
        text-decoration: none !important;

    }
    .button0{
        align-items: center !important;
        box-shadow:  0px 0px 0px 0px !important;
        border-radius: 5px !important;
        color: rgb(235,235,235) !important;
        background-color: lightgrey;
        cursor: pointer;
        display: block !important;
        transition: all 0s ease;
        line-height: 50px !important;
        font-size: 20px !important;
        text-align: center !important;
        text-decoration: none !important;
    }
}

@media all and (max-width: 600px) {
    .button1{
        align-items: center;
        box-shadow:  0px 0px 0px 0px rgb(50,110,240) !important;
        border-radius: 0.833vw !important;
        color: white !important;
        background-color: rgb(40,100,230);
        cursor: pointer;
        display: block !important;
        transition: all 0s ease;
        line-height: 8.33vw !important;
        font-size: 3.33vw !important;
        text-align: center !important;
        text-decoration: none !important;
    }
    .button0{
        align-items: center;
        box-shadow:  0px 0px 0px 0px !important;
        border-radius: 0.833vw !important;
        color: rgb(233,233,233) !important;
        background-color: lightgrey;
        cursor: pointer;
        display: block !important;
        transition: all 0s ease;
        line-height: 8.33vw !important;
        font-size: 3.33vw !important;  
        text-align: center !important; 
        text-decoration: none !important;     
    }
    }

.button1:hover, .button1:focus {
    box-shadow:  0px 0px 12px 4px rgb(50,110,240) !important;
}

.button1:active {
    background-color: rgb(56,120,250) !important;
    box-shadow:  0px 0px 12px 4px rgb(60,130,255) !important;
}

/*Responsive HTML*/
@media all and (min-width: 601px) {
    .desktop {
    display: block;
    }
    .mobile {
    display: none;
    }

    .announcement {
        margin-top: 50px;
    }
    
    .announcement-grid-container {
        align-items: left;
        display: grid;
        width: 100%;
    }
    
    .announcement-grid-item-1-1 {
        display: grid;
        text-align: left;
        width: 100%;
    }
    
    .home-button {
        background-color: #ffff37;
        color: black;
        cursor: pointer;
        display: grid;
        height: 30px;
        padding-top: 10px;
        padding-bottom: 4px;
        font-size: 10px;
        min-width: 500px;
        overflow: hidden;
        text-align: left;
        text-decoration: none;
        width: 100%;
    }

    h1{
        margin-block-end: 0px;
    }
    
    .words {
        animation: move-words 10s linear infinite;
        animation-delay: 0s;
        margin-top: -3px;
        position: relative;
        text-decoration: none;
    
    }
    
    @keyframes move-words {
        0% {
          left: 100%;
        }
        100% {
          left: -500px;
        }
    }
    .home-button-container {
        display: grid;
        place-items: center;
    }
    
}


@media all and (max-width: 600px) {
    .desktop {
    display: none;
    }
    .mobile {
    display: block;
    }
    .announcement {
        margin-top: 50px;
    }
    
    .announcement-grid-container {
        align-items: left;
        display: grid;
        width: 100%;
    }
    
    .announcement-grid-item-1-1 {
        display: grid;
        text-align: left;
        width: 100%;
    }
    
    .home-button {
        background-color: #ffff37;
        color: black;
        cursor: pointer;
        display: grid;
        padding-top: 1vw;
        padding-bottom: 1vw;
        font-size: 1vw;
        min-width: 500px;
        overflow: hidden;
        text-align: left;
        text-decoration: none;
        width: 100%;
    }

    h1{
        margin-block-end: 0px;
    }
    
    .words {
        animation: move-words 10s linear infinite;
        animation-delay: 0s;
        margin-top: -3px;
        position: relative;
        text-decoration: none;
    
    }
    
    @keyframes move-words {
        0% {
          left: 100%;
        }
        100% {
          left: -500px;
        }
    }
    .home-button-container {
        display: grid;
        place-items: center;
    }
    
}

/*HOME*/

.title-margin{
    display: block;
    position: relative;
    height: 40px !important;
}

@media all and (min-width: 601px) {

    .subtitle-margin{
        display: block;
        position: relative;
        height: 30px !important;
    }

    .title-image-container{
        height: 400px !important;
    }
    
    .title-image-container img{
        display: block;
        width: auto;
        height: 100% !important;
        margin: auto;
    }
}

@media all and (max-width: 600px) {

    .subtitle-margin{
        display: block;
        position: relative;
        height: 5vw !important;
    }

    .title-image-container{
        height: 66.66vw !important;
    }
    
    .title-image-container img{
        display: block;
        width: auto;
        height: 100% !important;
        margin: auto;
    }
}


.title-grid-container {
    display: block;
    position: sticky;
    height: 80px;
    margin-top: 0px;
    width: 100%;
    z-index: 12;
}

.title-button-1 {
    background-color: white;
    
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 80px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    transition: all 0.0s ease;
    text-align: center;
    text-decoration: none;
    width: auto;
    z-index: 12;
}

.title-button-1:hover{
    background-color: white;
}

/*rgb(248,207,114)*/

.words2 {
    animation: move-words2 15s linear infinite;
    animation-delay: 0s;
    font-size: 20px;
    position: relative;
    text-decoration: none;

}

@keyframes move-words2 {
    0% {
      left: 160%;
    }
    100% {
      left: -500px;
    }
  }

.announcement-grid-container-2 {
    align-items: right;
    display: relative;
    
    grid-template-columns: 100%;
}

.home-button-2 {
    
    border-top: 1px solid rgb(41,97,208);
    border-bottom: 1px solid rgb(41,97,208);
    
    cursor: pointer;
    display: grid;
    font-size: 1.6vw;
    overflow: hidden;
    padding-top: 0.2vw;
    padding-bottom: 0.4vw;
    text-align: center;
    text-decoration: none;
    
    width: 100%;
}

.home-button-2:hover {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    box-shadow:  60px -16px black;

}

.home-button-container-2 {
    display: grid;
    place-items: center;
}

@media all and (min-width: 601px) {
    .nav {
        display: grid;
        grid-template-columns: 120px 120px 120px 120px 120px;
        background-color: rgb(180,25,15);
        position: absolute;
        overflow: hidden;
        justify-content: center;
        width: 100%;
        z-index: 10;
    }

    .nav-button-1 {
        color: white !important;
        text-decoration: none;
        width: 100%;
        display: block;
        line-height: 40px;
        background-color: rgb(180,25,15);
        text-align: center;
        font-size: 20px;
        cursor: pointer;
        transition: all 0.0s ease;
    }

    .nav-button-1-active {
        color: white !important;
        text-decoration: underline;
        width: 100%;
        display: block;
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
    }
    
    .nav-button-1:hover {
        text-decoration: underline;
    }



}

@media all and (max-width: 600px) {
    .nav-dropdown-button {
        text-decoration: none;
        color: white !important;
        width: 100%;
        display: block;
        line-height: 40px;
        background-color: rgb(180,25,15);
        text-align: center;
        font-size: 20px;
        cursor: pointer;
        transition: all 0.0s ease;
        transition: all 0.0s ease;
        z-index: 10;
    }

    
    .nav-dropdown-menu-container {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 10;
    }


    .navm {
        display: none;
        background-color: black;
        position: absolute;
        width: 100%;
        z-index: 10 !important;
        margin-top: -40px;
        box-shadow: 0px 0px 8px 4px #000000;
    }

    .nav-dropdown-opener{
        height: 40px !important;
        color: white !important;
        display: block;
        position: absolute;
        width: 100%;
        margin: 0 !important;
        margin-top: -40px !important;
        z-index: 12;
        border: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
    }

    .nav-dropdown-opener:checked + .navm{
        display: block !important;
    }


    .nav-dropdown-closer{
        background-color: rgb(200,83,75) !important;
        color: white !important;
    }

    .nav-button-1 {
        text-decoration: none;
        width: 100%;
        display: block;
        line-height: 40px;
        background-color: rgb(180,25,15);
        text-align: center;
        color: white;
        font-size: 20px;
        cursor: pointer;
        transition: all 0.0s ease;
    }

    .nav-button-1:hover {
        background-color: white;
        color: black;
    }

    .nav-button-1-container {
        display: block;
        place-items: center;
    }


}

@media all and (min-width: 601px) {

    .home-buttons {
        align-items: center;
        display: grid;
        grid-template-columns: 50% 50%;
        margin: 0 auto;
        width: auto;
        max-width: 500px;
    }

    .home-grid-container {
        display: grid;
        background-color: #ffffff;
        margin-left: 40px;
        margin-right: 40px;
    }

    .home-grid-item-1 {
        background-color: #ffffff;
        font-size: 30px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .home-grid-item-2 {
        background-color: #ffffff;
        font-size: 20px;
        padding: 0px;
        padding-bottom: 10px;
        text-align: center;
    }

    .home-button-1 {
        
        
        align-items: center;
        line-height: 50px;
        cursor: pointer;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        
        width: 40%;
        max-width: 300px;
        min-width: 180px;
    }


    .home-button-1-container {
        display: grid;
        place-items: center;
        margin-bottom: 24px;
    }


    .home-button-2-container {
        display: grid;
        place-items: center;
    }

    .apply-button-1{
        
        margin: 0px auto 0px auto !important;
        line-height: 50px;
        display: block;
        text-align: center;
        padding: 0px 20px 0px 20px;
        width: fit-content;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
    }

    .apply-button-1-text{
        text-align: center;
        color: inherit;
    }

    .home-grid{
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .home-grid-2{
        display: grid;
        grid-template-columns: 100%;
        margin-left: 40px;
        margin-right: 40px;

      }
}

@media all and (max-width: 600px) {


    .home-buttons {
        align-items: center;
        display: grid;
        grid-template-columns: 100%;
        margin-left: 10vw;
        margin-right: 10vw;
        width: 100px auto;
    }

    .home-grid-container {
        display: grid;
        background-color: #ffffff;
    }

    .home-grid-item-1 {
        background-color: #ffffff;
        font-size: 30px;
        text-align: center;
    }

    .home-grid-item-2 {
        background-color: #ffffff;
        font-size: 20px;
        padding: 0px;
        padding-bottom: 10px;
        text-align: center;
    }

    .home-button-1 {
        
        
        align-items: center;
        line-height: 8.33vw;
        cursor: pointer;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        
        width: 100%;
    }

    .home-button-1-container {
        display: grid;
        place-items: center;
        margin-bottom: 4vw;
    }

    .home-button-2-container {
        display: grid;
        place-items: center;
    }

    .apply-button-1{
        
        
        align-items: center;
        line-height: 1.66vw;
        cursor: pointer;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        
        width: 100%;
        text-decoration: none;
    }

    .apply-button-1-text{
        text-align: center;
        color: inherit;
    }

    .home-grid{
        display: block;
        width: 100%;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .home-grid-2{
        display: grid;
        grid-template-columns: 100%;
        margin-left: 5vw;
        margin-right: 5vw;
    }
}

/*EVENTS*/


@media all and (min-width: 601px) {
    .mission-title {
        text-align: center;
        font-size: 50px;
        line-height: 60px;
        margin-left: 50px;
        margin-right: 50px;
    }
    
    .mission-text{
        text-align: center;
        font-size: 24px;
        margin-left: 50px;
        margin-right: 50px;
    }

    .general-title{
        text-align: center;
        font-size: 50px;
        margin-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 0px;
    }

    .general-subtitle{
        text-align: left !important;
        font-size: 20px;
        margin-top: 0px !important;
        margin-bottom: 10px !important;
        margin-left: 30px;
        margin-right: 30px;
        font-weight: bold !important;
        text-decoration: underline !important;
    }


    .general-text{
        text-align: left;
        font-size: 20px;
        margin-bottom: 20px !important;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 0px !important;
    }

    .about-grid-detail{
        display: grid;
        grid-template-columns: 100%;
        height: auto;
    }

    .action-grid-container{
        display: grid;
        grid-template-columns: calc(100% - 280px) 140px 140px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .apply-grid-item-1{
        font-size: 20px;
        margin-bottom: 20px !important;
        text-align: center;

    }

    .event-grid-button-1{ 
        cursor: pointer;
        margin-left: 20px;
        margin-right: 0px;
        margin-top: 20px;
        width: 120px;
    }


    .back-button-1{
        cursor: pointer;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        width: fit-content;
    }

    .visibility{
        margin-top: 20px !important;
    }

    .highlight{
        margin-bottom: 0px !important;
    }

    .list{
        margin-left: 60px !important;
    }

    }
    
@media all and (max-width: 600px) {
    .mission-title {
        text-align: center;
        font-size: 8.33vw;
        line-height: 10vw;
        margin-left: 8.33vw;
        margin-right: 8.33vw;
    }
    
    .mission-text{
        text-align: center;
        font-size: 4vw;
        margin-left: 8.33vw;
        margin-right: 8.33vw;
    }

    .general-title{
        text-align: center;
        font-size: 8.33vw;
        margin-bottom: 3.33vw;
        margin-left: 8.33vw;
        margin-right: 8.33vw;
        margin-top: 0px;
    }

    .general-subtitle{
        text-align: left !important;
        font-size: 3.33vw;
        margin-top: 0px !important;
        margin-bottom: 1.66vw !important;
        margin-left: 5vw;
        margin-right: 5vw; 
        font-weight: bold !important;
        text-decoration: underline !important;
    }

    .general-text{
        text-align: left;
        font-size: 3.33vw;
        margin-bottom: 3.33vw !important;
        margin-left: 5vw;
        margin-right: 5vw;
        margin-top: 0px !important;        
    }

    .about-grid-detail{
        display: grid;
        grid-template-columns: 100%;
        height: auto;
    }

    .action-grid-container{
        display: grid;
        grid-template-columns: 100%;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .apply-grid-item-1{
        font-size: 3.33vw;
        margin-bottom: 2.33vw;
    }

    .event-grid-button-1{
        margin-top: 3.33vw !important;      
        cursor: pointer;
        width: fit-content !important;
        padding-left: 10vw;
        padding-right: 10vw;
        margin: 0 auto;
    }




    .back-button-1{
        cursor: pointer;
        margin-bottom: 5vw;
        margin-left: 5vw;
        margin-right: 5vw;
        padding-left: 1.66vw;
        padding-right: 1.66vw;
        width: fit-content;
    }



    .list{
        margin-left: 10vw !important;
    }

}

/*Members*/


.member{
    text-align: center;
    margin: 0px !important;
}


.expertise, .joindate{
    text-align: center !important;
    margin-top: 0px !important;
}

@media all and (min-width: 1201px){
    .main-about-grid{
        padding: 0 15px 0 15px;
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
}
@media all and (min-width: 901px) and (max-width: 1200px){
    .main-about-grid{
        padding: 0 15px 0 15px;
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33% ;
    }
}
@media all and (min-width: 601px) and (max-width: 900px){
    .main-about-grid{
        padding: 0 15px 0 15px;
        display: grid;
        grid-template-columns: 50% 50% ;
    }
}


@media all and (min-width: 901px){
    .main-about-grid.home{
        padding: 0 15px 0 15px;
        display: grid;
        grid-template-columns: 31% 38% 31% ;
    }
    .main-about-grid.mission2{
        padding: 0 15px 0 15px;
        display: grid;
        grid-template-columns: 50% 50% ;
    }
}

@media all and (min-width: 601px) and (max-width: 900px){
    .main-about-grid.home{
        padding: 0 15px 0 15px;
        display: grid;
        grid-template-columns: 100% ;
    }
    .main-about-grid.mission2{
        padding: 0 15px 0 15px;
        display: grid;
        grid-template-columns: 100% ;
    }
}

@media all{
    .main-about-grid.mission{
        padding: 0px !important;
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

@media all and (min-width: 601px){
    .general-panel{
        display: block;
        background-color: rgb(195,222,255);
        margin-bottom: 30px;
        padding: 30px;
    }
    .general-panel.mission{
        display: block;
        background-color: inherit;
        margin-bottom: 0px;
        padding: 0px;
    }
    .general-panel.missioncenter{
        display: block;
        background-color: inherit;
        margin-bottom: 30px;
        padding: 0px;
    }
    .main-about-grid>.general-panel.members, .main-about-grid>.general-panel.performers, .main-about-grid>.general-panel.volunteers, .main-about-grid>.general-panel.home, .main-about-grid>.general-panel.about{
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .about{
        margin: 0 15px 30px 15px;
    }
    .about-grid{
        display: grid;
        grid-template-columns: 100%;
        height: auto;
    }

    .about-grid-container-1{
        margin-bottom: 20px;
        height: 240px;
    }
    .about-grid-container-1.mission{
        margin-bottom: 12px;
        height: 180px !important;
    }

    .about-grid-container-1 img{
        display: block;
        width: auto;
        height: 100% !important;
        margin: auto;

    }
    .about-grid-button-1{
        cursor: pointer;
        margin: 0 auto;
        width: 120px;
        margin-top: 20px;
    }

    .about-grid-button-1.home{
        cursor: pointer;
        margin: 0 auto;
        width: 180px;
        margin-top: 20px;
    }

    .about-grid-container-2{
        display: grid;
        width: 100%;
        align-items: center;
    }
    .about-grid-text{
        font-size: 20px;
    }

    .about-grid-2{
        display: grid;
        grid-template-columns: 100%;
    }

}
@media all and (max-width: 600px){
    .general-panel{
        display: grid;
        background-color: rgb(195,222,255);
        margin-bottom: 5vw;
        padding: 5%;
        padding-top: 5%;
    }
    .general-panel.mission{
        display: block;
        background-color: inherit;
        margin-bottom: 0px;
        padding: 0px;
    }
    .general-panel.missioncenter{
        display: block;
        background-color: inherit;
        margin-bottom: 5vw;
        padding: 0px;
    }
    .about-grid{
        display: grid;
        grid-template-columns: 100%;
        height: auto;
    }

    .about-grid-container-1{
        margin-bottom: 3.33vw;
        height: 40vw !important;
    }
    .about-grid-container-1.home{
        margin-bottom: 3.33vw;
        height: 40vw !important;
    }
    .about-grid-container-1.mission{
        margin-bottom: 2vw;
        height: 30vw !important;
    }
    .about-grid-container-1 img{
        display: block;
        width: auto;
        height: 100% !important;
        margin: auto;

    }
    .about-grid-button-1{
        margin-top: 3.33vw !important;
        cursor: pointer;
        width: fit-content !important;
        padding-left: 10vw;
        padding-right: 10vw;
        margin: 0 auto;
    }

    .about-grid-container-2{
        display: grid;
        width: 100%;
    }
    .about-grid-text{
        display: block;
        font-size: 3.33vw;
    }

    .about-grid-2{
        display: grid;
        grid-template-columns: 100%;
        margin-left: 5vw;
        margin-right: 5vw;
    }
}


/*Resources*/
.end{
    margin-bottom: 0px !important;
}

/*Apply*/
.application-form{
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid black;
    height: calc(100vh - 182px);
}

/*Follow*/
.follow-dropdown-button {
    text-decoration: none;
    width: 100%;
    display: block;
    line-height: 40px;
    background-color: rgb(65,160,255);
    color: white;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.0s ease;
    transition: all 0.0s ease;
    z-index: 10;
    border: 1px solid black
    
}


.follow-dropdown-menu-container {
    display: block;
    position: fixed;
    bottom: 20px;
    left: 20px !important;
    width: 108px;
    z-index: 10;
    
}


.follow-menu {
    display: none;
    background-color: black;
    position: absolute;
    width: 100%;
    z-index: 10 !important;
    margin-top: -82px;
    border: 1px solid black
}


.follow-dropdown-opener{
    height: 42px !important;
    display: block;
    position: absolute;
    width: 110px;
    margin: 0 !important;
    margin-top: -42px !important;
    z-index: 12;
    border: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

.follow-dropdown-opener:checked + .follow-menu{
    display: block !important;
}


.follow-dropdown-opener:hover{
    background-color: white;
}

.follow-dropdown-closer{
    background-color: rgb(113,184,255) !important;
    color: white;
    box-shadow: none !important;
}

.follow-button-1 {
    text-decoration: none;
    width: 100%;
    display: block;
    line-height: 40px;
    background-color: rgb(65,160,255);
    text-align: center;
    color: white;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.0s ease;
}

.follow-button-1:hover {
    background-color: white;
    color: black;
}

.follow-button-1-container {
    display: block;
    place-items: center;
}


/*Contact*/

.contact-dropdown-button {
    text-decoration: none;
    width: 100%;
    display: block;
    line-height: 40px;
    background-color: rgb(65,160,255);
    color: white;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.0s ease;
    transition: all 0.0s ease;
    z-index: 10;
    border: 1px solid black
    
}


.contact-dropdown-menu-container {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 22px !important;
    width: 108px;
    z-index: 10;
    
}


.contact-menu {
    display: none;
    background-color: black;
    position: absolute;
    width: 100%;
    z-index: 10 !important;
    margin-top: -82px;
    border: 1px solid black;
}


.contact-dropdown-opener{
    height: 42px !important;
    display: block;
    position: absolute;
    width: 110px;
    margin: 0 !important;
    margin-top: -42px !important;
    z-index: 12;
    border: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

.contact-dropdown-opener:checked + .contact-menu{
    display: block !important;
}


.contact-dropdown-opener:hover{
    background-color: white;
}

.contact-dropdown-closer{
    background-color: rgb(113,184,255) !important;
    color: white;
    box-shadow: none !important;
}

.contact-button-1 {
    text-decoration: none;
    width: 100%;
    display: block;
    line-height: 40px;
    background-color: rgb(65,160,255);
    text-align: center;
    color: white;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.0s ease;
}

.contact-button-1:hover {
    background-color: white;
    color: black;
}

.contact-button-1-container {
    display: block;
    place-items: center;
}



/*COPYRIGHT*/
.copyright {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    height: fit-content;
}