@import url('https://fonts.googleapis.com/css?family=Major+Mono+Display');
 .initialcontainer {
     height: 100vh;
     width: 100%;
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background-size: cover;
     background-position: center;
     z-index: 1;
}
 .background-image {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
}
 .subsection {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: auto;
     min-height: 100% !important;
     padding-top: 0.1vh;
     padding-bottom: 5vh;
     clear: both;
}
 .flex-subsection {
    position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: auto;
     /*min-height: 100% !important;*/
     padding-top: 0.1vh;
     padding-bottom: 5vh;
     clear: both;
 }
 .wrapper {
     position: relative;
}
 html, body, h1 {
     padding: 0;
     margin: 0;
}
 html, body {
     margin: 0;
     height: 100%;
}
 body {
     background: #000;
     background-attachment: fixed;
     scroll-behavior: smooth !important;
     -ms-overflow-style: none !important;
     scrollbar-width: none !important;
     font-size: 100%;
     overflow-x: hidden;
}
 body::-webkit-scrollbar {
     display: none !important;
}
 @font-face {
     font-family: visitor;
     src: url('../fonts/visitor1.ttf');
}
 @font-face {
     font-family: pixie;
     src: url('../fonts/pixie.ttf') 
}
 @font-face {
     font-family: pgb-content;
     src: url('../fonts/pfw.ttf') 
}
 @font-face {
     font-family: symbols;
     src: url('../fonts/te1.ttf') 
}
 .glitch {
     color: rgb(228, 236, 238);
     font-size: 6vw;
     letter-spacing: .5em;
    /*font-family: 'Montserrat', sans-serif;
    */
    /*font-family: 'Major Mono Display', monospace;
    */
     font-family: pixie;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .sub {
     color: #64dcdc;
     letter-spacing: 0.5em;
}
 .sub > a {
     display: inline-block;
     display: -moz-inline-box;
     *display: inline;
     zoom: 1;
     width: 50%;
     text-align: center;
     white-space: nowrap;
     font-family: visitor;
     font-size: 2em;
     -webkit-transition: font-size 0.4s;
     transition: font-size 0.4s;
}
 .sub > a:hover {
     font-size: 2.5em;
     cursor: pointer;
}
 a, a:visited, a:hover, a:active {
     color: inherit;
     text-decoration: none;
}
 .topcorner{
     position:absolute;
     top:0;
     right:0;
     color:white;
}
 .bottomcorner {
     position:fixed;
     bottom:0;
     left:0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: auto;
}
 .bottomrightcorner {
     position:fixed;
     bottom:0;
     right:0;
     z-index: 1;
}
 .reveal{
     position: relative;
     transform: translateY(50px);
     opacity: 0;
     transition: 1.0s all ease;
}
 .reveal.active{
     transform: translateY(0);
     opacity: 1;
}
 .sectionheading {
     color: rgb(228, 236, 238);
     font-family: pixie;
     letter-spacing: .2em;
     font-size: 4em;
}
 .sectionsubheading {
     color: rgb(228, 236, 238);
     font-family: pixie;
     letter-spacing: .05em;
     font-size: 2.4em;
}
 .textcontent {
     font-family: pgb-content;
     font-size: 1.5em;
     letter-spacing: .0001em;
}
 .textcontent a {
    color: #00bcd4 !important;
 }
 p {
     color: rgb(228, 236, 238);
}
 li {
     list-style: none;
}
 .contact-input {
     font-family: 'Roboto', sans-serif;
     font-size: 0.8em;
     border: none;
     border: 1px solid #ccc;
     padding: 0.5rem;
     margin-bottom: 0.5rem;
     margin-left: 1vw;
     margin-right: 1vw;
     width: calc(100% - 10vw);
     background-color: rgba(255, 255, 255, 0.6);
}
 .contact-input::placeholder {
     font-family: visitor;
     color: rgb(51, 51, 51);
}
 .contact-button {
     font-family: visitor;
     font-size: 1.5em;
     background-color: rgba(0, 0, 0, 0.6);
     color: lime;
     border: 1px solid white;
     margin-left: 1vw;
}
 .disclaimer {
     font-family: 'Roboto', sans-serif;
     font-size: 0.5em;
     color: white;
     letter-spacing: normal;
}
 .disclaimer > a {
     color: #00bcd4;
}
 .grecaptcha-badge {
     visibility: hidden;
}

 .socialIcon {
    width: 3vw;
    height: 3vw;
    filter: brightness(0) invert(1);
    -webkit-transition: width 0.4s, height 0.4s;
    transition: width 0.4s, height 0.4s;
    vertical-align: middle;
 }
 .socialIcon:hover {
    width: 4vw;
    height: 4vw;
 }

/* Adjustments for mobile devices */
 @media (max-width: 650px) {
    .socialIcon {
        width: 15vw;
        height: 15vw;
    }
    .socialIcon:hover {
        width: 20vw;
        height: 20vw;
     }

     .sectionheading {
         font-size: 2.2em;
    }
}
 @media (max-width: 550px) {
     .glitch {
         font-size: 2.2em;
         letter-spacing: .3em 
    }
     .sub > a {
         width: 50%;
         font-size: 1.5em;
    }
}
 @media (max-width: 400px) {
     .glitch {
         font-size: 2em;
         letter-spacing: .25em 
    }
     .sectionheading {
         font-size: 2em;
    }
}


.navBtn{
    position: relative;
    opacity:.6;
    box-shadow:0px 0px 3px 6px black;
    text-shadow:0px 0px 3px black;
    background:black;
    color:white;
    border:0px;
    padding:7px;
    margin:0 auto;
    margin-left: 4vw;
    margin-bottom: 9vh;
    outline:none;
    cursor:pointer;
    font-size:16px;
    transition: 500ms;
    }
    
    .navBtn:hover, .navBtn:focus, .navBtn:active {
        box-shadow:0px 0px 3px 6px white,0px 0px 3px white;
    
    text-shadow:0px 0px 3px white;
    background:white;
    color:black;
    transition:200ms;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    }

 .to-do > li {
    color: white;
    list-style:disc;
 }