body {
    background-color: rgb(40, 41, 41);
    margin: 0;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Alata', sans-serif;
}

body::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, p::selection, a::selection, li::selection, img::selection, div::selection {
    background-color: purple;
}

body:focus {
    behavior: url(/javaDir/searchbuttontextback.js)
}

a {
    text-decoration: none;
    color: rgb(206, 206, 206);
}

nav {
    border-bottom: solid white;
}

 nav a:hover {
    color: skyblue;
    transition-duration: 0.25s;
    box-shadow: 0px 5px 0px 0px skyblue;
    height: 40px !important;
}

/* .rainbowDivider {
    height: 2px;
    background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
    background-size: 1800% 1800%;
    
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
      animation: rainbow 18s ease infinite;}
    
    @-webkit-keyframes rainbow {
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    }
    @-moz-keyframes rainbow {
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    }
    @-o-keyframes rainbow {
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    }
    @keyframes rainbow { 
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    } */

.navbar {
    height: 75px;
    display: flex;
    justify-content: space-around;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgb(40, 41, 41);
}

#clogo {
    background: linear-gradient(124deg, white, #1ddde8, purple);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 800% 800%;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;}

    @-webkit-keyframes rainbow {
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    }
    @-moz-keyframes rainbow {
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    }
    @-o-keyframes rainbow {
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    }
    @keyframes rainbow { 
        0%{background-position:0% 82%}
        50%{background-position:100% 19%}
        100%{background-position:0% 82%}
    }


header {
    width: 100%;
    height: 100%;
    background: url('../imgDir/banner.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;

}

.logo > img{
    width: 100%;
    visibility: hidden;
}

nav {
    width: 100%;
    display: flex;
    height: 60px;
}

.clogo > h1 {
    margin-top: 0px;
    margin-left: 7px;
    margin-right: 20px;
    font-size: 2.5rem;
}

.clogo {
    width: 79.58px;
    height: 55px;
}

.navmain {
    display: flex;
    width: inherit;

}

.push {
    width: 50px;
}

.navbutton{
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 1.25rem;

}

main{  
    height: 1500px;
}

.displacerA {
    height: 60px;
    width: 100%;
}

h1 {
    color: rgb(214, 214, 214);
}

li {
    font-size: 1.5rem;
}

.weblister {
    text-align: center;
}

.weblister ul {
    list-style: none;
}

.weblister > ul > li > a:hover {
    color: skyblue;
}

footer {
    text-align: center;
    border-top: white solid 3px;
    color: skyblue;
}

footer a {
    transition-duration: 0.25s;
}

footer a:hover {
    color: purple;
    transition-duration: 0.5s;
}

footer a:focus {
    color: skyblue;
}