html{
    min-height: 100%;
}

body{
    background: rgb(20, 20, 20);
    
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: white;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-repeat: no-repeat;
    
}


header{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    background: rgb(20, 20, 20);
    margin: 0px;
    padding: 0px 10px;
    padding-top: 5px;
    position: fixed;
    width: 100%;
    z-index: 10;
    
}
.underheader{
    height: 3px;
    background-color: rgb(16, 16, 16);
    position: fixed;
    width: 100%;
    z-index: 10;
    margin-top: 74px;
}
.headerRoom{
    height: 60px;
}
section{
    margin: auto;
    padding: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 70%;
    display: flex;
    flex-direction: column;
    
    
    
}
section.background{
    text-align: center;
    background-color: rgb(32, 32, 32);
    background-image: url(Images/GridTile.png);
    background-size: 65px 65px;
    margin: 0px;
    width: auto;
    min-height: 96vh;
}

section.page{
    max-width: 700px;
    margin-left: auto;
    background-color: rgb(20, 20, 20);
    padding: 0px 50px;
    padding-bottom: 30px;
    border-radius: 7px;
    
    
    
}
footer{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    text-align: left;
    background: rgb(20, 20, 20);
    padding: 10px 10px;
    color: rgb(90, 90, 90);
}
.lineFooter{
    background-color: rgb(16, 16, 16);
    height: 8px;
    padding: 0px 10px;
}
div{
    
    
    margin: auto;
    padding: 10px;
    width: 50px;
}
ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li{
    display: inline-block;
    margin: 3px;

}
a{
    text-decoration: none;
    color: white;
}
a:hover{
    color: rgb(158, 158, 158);
}
.title{
    color: rgb(37, 165, 250);
    margin-right: 0px;
}
.line{
    background: rgba(73, 73, 73, 0.616);
    
    padding: 8px 0px;
    width: 3px;
    color: rgba(255, 0, 0, 0);
    border-radius: 2px;
    margin-top: 0px;
}
.line.firstline{
    margin-right: 76px;
}
.horizontalline{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    position: relative;
    background-color: rgba(73, 73, 73, 0.616);
    color: rgba(255, 255, 255, 0);
    border-radius: 2px;
    height: 5px;
    
    margin-right: 5%;
}
.paragraphTitle{
    margin: 0px;
    
}
h5{
    margin: 0px;
}
h4{
    margin: 0px;
    
}
h3.tid{
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
}
h3.tidt{
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
}
.Icon{
    
    width: 70px;
    margin-left: 10%;
    margin-top: -5px;
}
.contactText{
    color: rgb(37, 165, 250);
    margin-top: -50px;
    margin-left: 80px;
    margin-right: 5%;
    margin-bottom: 40px;
}
.link{
    color: rgb(5, 100, 209);
    text-decoration: underline;
}
.link:hover{
    color: rgb(28, 126, 192);
    text-decoration: none;
}
.projectButton{
    padding: 4px;
}
.selectedProjectButton{
    margin-left: 10px;
    background-color: rgb(5, 100, 209);
    padding: 1px;
    padding-top: 3px;
    padding-left: 11px;
    padding-right: 11px;
    border-radius: 4px;
}
img{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    margin: 10px;
    
}
.toongif{
    max-width: 250px;
}
br.mobile{
    display: none;
}
.bigHorizontalLine{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    margin-left: 115px;
    margin-right: 0px;
    width: 5px;
    height: 300px;
    margin-top: 20px;
    border-radius: 2px;
    
    color: rgba(255, 255, 255, 0);
    background-color: rgba(73, 73, 73, 0.616);
}
.back{
    margin-top: 0px;
    margin-bottom: -10px;
}
@media screen and (max-width: 680px){
    br.mobile{
        display: inline;
    }
    .line.firstline{
        margin-left: 3px;
    }
    
    
}