* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    background-color: black;
}

header{
    text-align: center;
    
    background: linear-gradient(rgba(21, 21, 21, .89), rgba(34, 34, 34, .25));
    border: .235em solid #414535;
}
body{
    
}
#canvas1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 4.20em;
    border-bottom: .1618em solid rgba(127, 255, 212, .34);
    background-color: black;
    z-index: 1;
}
nav {
    
}
nav a {
    
    background-color: transparent;
    text-decoration: none;
    color: rgba(127, 255, 212, .618);
    font-size: .8em;
    margin: 0 .618em 0 .618em;

}
.topNav{
    
    position: fixed;
    width: 100vw;
    height: min-content;
    top: 4.20em;
    left: 0;
    background-color: black;
    text-align: center; 
    z-index: 1;   
}
.bottomNav{
    position: fixed;
    width: 100vw;
    height: min-content;
    top: 5.1em;
    left: 0;
    background-color: black;
    text-align: center;
    z-index: 1;
}
h1 {
    font-family: sans-serif;
    font-size: 1em;
    color: #C5D2ED;

}

p{
    position: relative;
    top: 8em;
    color: rgb(177, 177, 177);
    font-size: .77em;
    text-align: justify;
    padding: .382em;
}
.web{
    color:#C5D2ED;
    font-weight: 100;
}
.spiWeb1{
    font-family: spiWeb1;
}

ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
    font-size: .618em;
    color: #C5D2ED;
}

main{
    
}
section{}
.openingP{}
.whatIsWE{}
.benefitsOfWE{}
.whyUseWE{}
footer {
    position: fixed;
    height: 4.20vh;
    bottom: 0vh;
    left: 0vw;
    right: 0vw;
    background: linear-gradient(rgba(21, 21, 21, .5), rgba(89, 89, 89, .5));
    text-align: center;
    padding-left: .1235em
}
footer a{
    text-decoration: none;
    font-size: .89em;
    font-weight: 900;
    color: rgb(18, 18, 18);
}

@font-face {
    src: url("fonts/KingthingsWidow.ttf");
    font-family: spiWeb1;
}
@font-face {
    src: url("fonts/KOMIKRAK.ttf");
    font-family: spiWeb2;
}
@font-face {
    src: url("fonts/Smashed.ttf");
    font-family: spiWeb3;
}
/*
@media (min-width: 32.11em) {
*/