@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed');
/*font-family: 'Encode Sans Condensed', sans-serif;*/
@font-face{    
    font-family:caveman;
    src:url(prehistoric_caveman_font.ttf);
    
}
html, body{
    padding:0;
    margin:0;
}

.container{
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 140px 300px 525px 525px;
}
.nav{
    border-bottom:solid 5px black;
    border-top:solid 5px black;
    padding:10px 0px 10px 20px;
}
.navbar {
    position:absolute;
    right:0px;
    top:60px;
    font-family:caveman;
    font-size:10px;
    width:630px;
    height:40px;
}
.navbar a{
    text-decoration: none;
    color:black;
    margin-right:40px;
    transition:0.3s;
    padding:7px 0px 3px 40px;
    background:url(../images/navpic.png) no-repeat;
    background-position:-40px -5px;
}
.navbar a:hover{
    color:darkgray;     
    background-position:0px -5px;
}
.navbar .cp{
    color:red;
}
.banner{
    background:url(../images/cave_bg.jpg) no-repeat;
    background-size:100%;
    background-position:0px;
    position:relative;
    text-align: center;
    border-bottom:solid 5px;
}
.tag {
    font-family:caveman;
    color:white;
    font-size:22px;
    margin-top:110px;
    text-shadow: 4px 4px #000000;
}
.subtag{
    font-family:caveman;
    color:white;
    font-size:15px;
    text-shadow: 4px 4px #000000;
}
.host{
    text-align:center;
    font-family:caveman;
    border-bottom:solid 5px black;
}
.html, .inthtml {
    text-align:center;
    font-family:caveman;
    border-bottom:solid 5px black;
    
}


/*CONTACT PAGE*/
.contactContainer{
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 140px 300px 450px;
}
.contactBanner{
    background:url(../images/cave_bg_contact.jpg) no-repeat;
    background-size:100%;
    background-position:0px;
    position:relative;
    text-align: center;
    border-bottom:solid 5px;
}
.form{
    position:relative;
    width:400px;
    height:550px;
    left:50%;
    margin-left:-175px;
    top:30px;
}
.f input[type=text], .f input[type=email] {
    border-radius:10px;
    padding:10px;
    width:350px;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size:22px;
    transition:0.5s;
    border: solid 1.5px black;
}
.f textarea {
    border-radius:10px;
    padding:10px;
    width:350px;
    height:200px;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size:22px;
    transition:0.5s;
    border: solid 1.5px black;
    resize: none;
}
.f input[type=submit]{
    border-radius:10px;
    border:1.5px solid black;
    background-color:white;
    color:black;
    font-family: 'Encode Sans Condensed', sans-serif;
    padding:10px;
    font-size:20px;
    width:125px;
    transition:0.4s;
}

.f textarea:focus, .f input[type=text]:focus, .f input[type=email]:focus{
    width:360px;
    border: solid 2px #777777;
    background-color:#000000;
    color:white;
}
.f input[type=submit]:hover{
    background-color:black;
    color:white;
}
.g-recaptcha{
    margin-left:35px;
}
.gohome {
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size:24px;
    font-weight:bold;
    margin-top:40px;
}
.gohome a {
    text-decoration: none;
    color:black;
}
.gohome a:hover {
    color:red;
}

/*ABOUT PAGE*/
.about{
    position:relative;
}

.aboutContainer{
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 140px 300px 450px;
}
.aboutBanner{
    background:url(../images/cave_bg_about.jpg) no-repeat;
    background-size:100%;
    background-position:0px;
    position:relative;
    text-align: center;
    border-bottom:solid 5px;
}
.aboutpic{
    background:url(../images/caveEyes.jpg) no-repeat;
    background-size:100% 100%;
    height:300px;
    width:30%;
    border:solid 3px;
    overflow:hidden;
    border-radius:20px;
    position:relative;
    left:10%;
    top:30px;
    float:left;
    font-family:caveman;
    font-size:12px;
    color:white;
    text-align: center;
    padding-top:15px;
}
.aboutdes{
    height:300px;
    width:35%;
    position:absolute;
    right:10%;
    top:30px;
    padding:15px;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size:24px;
    text-align:left center;
}