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

html {
    scroll-behavior: smooth;
}


body {
    padding: 0;
    margin: 0;
    background-color: #252525; 
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    color: white;
}

.header {
    margin-top: 50px;
    margin-left: 50px;
}

 .main-nav {
    padding-top: 2em;
    margin-left: 50px;
    margin-right: 20px;
    
} 

.main-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav a {
    color: #95BED7;
    text-decoration: underline;
    font-weight: 600;
    font-size: 1.1rem;
}

.main-nav li {
    margin-bottom: 1em;
}

.main-nav a:hover {
    color: white;
}


.content-nav{
    display: flex;
    /*border-top: 15px solid white;*/
    margin-top: 15px; 
}

.content {
    max-width: 800px;
    margin-left: 3%;
    padding-top: 5px; 

}




.information {

    width: 40%;
    min-width: 250px;
    max-width: 350px;
    
    margin: 0 2rem 2rem 0;
    padding: 0px;
    padding-top: 2em;   
    float: left;
}

.information h1 {
    line-height: 1em;
    margin: 0px 0 10px 0;
    font-weight: 600;
    font-size: 1.1rem;
    color: #95BED7;
}

.information img {
    max-width: 100%;
}


.description {
    margin: 0;
    padding: 0;
}

.description h2 {
    line-height: 1em;
    margin: 0px 0 10px 0;
    font-weight: 600;
    font-size: 1.1rem;
}

.description h1 {
    line-height: 1em;
    margin: 0px 0 10px 0;
    font-weight: 600;
    font-size: 1.1rem;
    color: #95BED7;
}

.description p {
    line-height: 0.9em;
    margin: 0;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 0 0 0 0;
    line-height: 1.2em;
}




@media screen and (max-width: 420px) {
    
    .header {
        margin: 2em 0 0 0;
        padding: 0;
    }

    .header img {
        width: 100%;
        max-width: 300px;
        display: block;
        margin: 0 auto;
    }

    .content-nav {
        display: block;
        margin-top: 0px;
        
    }

    
    .main-nav {
        width: 100%;
        margin: 0;
        text-align: center; 
    }

    .main-nav ul {
        border-top: 2px solid #95BED7;
        border-bottom: 2px solid #95BED7;
        margin: 2rem 1em 2rem;
        padding-top: 1em;
    }

    .main-nav li {
        
        margin: 0 auto 1em;
        width: 7em;
    }



    .main-nav a {
        text-decoration: none;
    }


    .content {
        margin: 0;
        display: block; 
    }

    .information {
        float: none;
        margin: 0 auto 4rem;
        width: 100%;
        min-width: 150px;    
    }





      
    
    
}


/*
     FILE ARCHIVED ON 14:49:19 Jun 26, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:33:18 Feb 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.481
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.008
  esindex: 0.01
  cdx.remote: 39.901
  LoadShardBlock: 171.135 (3)
  PetaboxLoader3.datanode: 359.916 (5)
  load_resource: 1544.187
  PetaboxLoader3.resolve: 1201.02
  loaddict: 68.81
*/