@font-face{
    src:url("Battlestar.ttf") format("truetype");
}

body{
    margin:0;
    padding:0;
    width:100%;
    height:auto;
}
*{
    box-sizing:border-box;
    outline:none;
}
label{
    font-family:monospace;
    font-weight:bold;
    color:white;
    font-size:20px;
    text-shadow:2px 2px 2px black;
}
span{
    color:red;
}
div.page-wrapper{

}

.contact-section{
    width:60%;
    height:auto;
    border:hidden;
    margin:40px auto;
    display:flex;
    flex-direction:column;
}
.contact-section .heading h1{
    line-height:10px;
    font-family:Battlestar;
    text-align:center;
    font-size:25px;
    color:lightgray;
    text-shadow:2px 2px 2px black;
}
.contact-section .Mycontact{
    border:hidden;
    margin-bottom:20px;
}
.contact-section .Mycontact p{
    text-align:center;
    font-family:monospace;
    font-weight:bold;
    font-size:19px;
}
.contact-section .Mycontact p span{
    color:white;
    text-shadow:2px 2px 2px black;
}
.contact-section .form-wrapper{
    border:hidden;
    padding:10px 20px;
}
.contact-section .form-wrapper form{
    border:hidden;
    width:50%;
    margin:0px auto;
}
.contact-section .form-wrapper form input[type=text]{
    width:100%;
    font-size:22px;
    padding:5px;
    font-family:monospace;
    box-shadow:3px 3px 10px black;
    border:none;
}
.contact-section .form-wrapper form input[type=text]:focus{
    background:black;
    color:white;
    box-shadow:3px 3px 10px white;
    transition:900ms;
    padding-left:10px;
}
.contact-section .form-wrapper form input[type=email]{
    width:100%;
    font-size:22px;
    padding:5px;
    font-family:monospace;
    border:none;
    box-shadow:3px 3px 10px black;
}
.contact-section .form-wrapper form input[type=email]:focus{
    background:black;
    color:white;
    box-shadow:3px 3px 10px white;
    transition:900ms;
    padding-left:10px;
}
.contact-section .form-wrapper textarea{
    width:100%;
    height:120px;
    font-size:18px;
    resize:none;
    border:none;
    box-shadow:3px 3px 10px black;
}
.contact-section .form-wrapper form textarea:focus{
    background:black;
    color:white;
    box-shadow:3px 3px 10px white;
    transition:900ms;
    padding-left:10px;
}
.contact-section .form-wrapper .submit{
    border:hidden;
    width:45%;
    margin:auto;
}
.contact-section .form-wrapper .submit input[type=submit]{
    width:100%;
    font-size:22px;
    font-family:monospace;
    color:white;
    padding:8px;
    border-radius:10px;
    border:none;
    font-weight:bold;
    background:black;
    box-shadow:2px 2px 10px white;
}
.contact-section .form-wrapper .submit input[type=submit]:hover{
    transition:900ms;
    background:#0380F4;
    box-shadow:2px 2px 6px white;
}
.contact-section .social-links{
    border:hidden;
    padding:30px;
    display:flex;
    justify-content:center;
}
.contact-section .social-links a i{
    font-size:40px;
    text-align:center;
    margin-left:20px;
    color:white;
}
.contact-section .social-links a i:hover{
    transition:900ms;
    color:#0380F4;   
}
/*@media (max-width:375px){
    header h1{
        font-size:10px;
    }
    nav ul li{
        margin-left:2px;
    }
}
footer{
    border-top:2px solid black;
    height:auto;
    display:flex;
    flex-direction:column;
    background:black;
    width:100%;
    margin-top:150px;
}
footer .up-footer{
    border-top:2px solid white;
    width:100%;
    display:flex;
}
footer .up-footer .left{
border:2px solid black;
width:24%;
height:180px;
}
footer .up-footer .middle{
border:2px solid black;
width:54%;
}
footer .up-footer .middle h2{
    text-align:center;
    font-family:Sriracha;
    line-height:.7;
    color:#0380F4;
}
footer .up-footer .middle p{
    text-align:center;
    display:block;
    margin-top:-10px;
    font-size:18px;
        font-family:Sriracha;
        color:#0380F4;
}
footer .up-footer .middle form{
    font-family:Sriracha;
    font-weight:bold;
    border:hidden;
    display:inline-block;
    margin-left:70px;
    width:80%;
    color:white;
}
footer .up-footer .middle form input[type=email]{
        padding:5px;
}
footer .up-footer .middle form input[type=submit]{
        font-family:Sriracha;
        width:40%;
        font-weight:bold;
        letter-spacing:1px;
        background:#0380F4;
        border:2px solid #0380F4;
        border-radius:4px;
        color:white;
}
footer .up-footer .right{
border:2px solid black;
width:24%;

}
footer .down-footer{
    border:hidden;
    border-top:1px solid white;
    width:100%;
}
footer .down-footer h4{
    text-align:center;
    font-family:Sriracha;
    line-height:.7;
    font-size:19px;
    color:white;
}
@media (max-width:320px){
    footer{
        width:100%;
    }
    .none{
        display:none;
    }
    footer .up-footer .middle{
        width:100%;
        box-sizing:border-box;
        padding:5px;
    }
    footer .up-footer .middle h2{
        font-size:15px;
    }
        footer .up-footer .middle p{
        font-size:15px;
    }
    footer .up-footer .middle form{
        font-size:14px;
    }
    footer .up-footer .middle form{
        margin-left:5px;
        margin-top:-10px;
    }
    footer .up-footer .middle form input[type=email]{
        width:30%;
        padding:0;
        font-size:14px;
    }
    footer .up-footer .middle form input[type=submit]{
        width:25%;
        font-size:10px;
        padding:0;
    }
    footer .down-footer h4{
        font-size:12px;
    }
}
@media (min-width:320px) and (max-width:375px){
    footer{
        width:100%;
    }
    .none{
        display:none;
    }
    footer .up-footer .middle{
        width:100%;
        box-sizing:border-box;
        padding:5px;
    }
    footer .up-footer .middle h2{
        font-size:15px;
    }
        footer .up-footer .middle p{
        font-size:15px;
    }
    footer .up-footer .middle form{
        font-size:14px;
    }
    footer .up-footer .middle form{
        margin-left:5px;
        margin-top:-10px;
    }
    footer .up-footer .middle form input[type=email]{
        width:30%;
        padding:0;
        font-size:14px;
    }
    footer .up-footer .middle form input[type=submit]{
        width:25%;
        font-size:10px;
        padding:0;
    }
    footer .down-footer h4{
        font-size:12px;
    }
}
@media (min-width:375px) and (max-width:425px){
    footer{
        width:100%;
    }
    .none{
        display:none;
    }
    footer .up-footer .middle{
        width:100%;
        box-sizing:border-box;
        padding:5px;
    }
    footer .up-footer .middle h2{
        font-size:15px;
    }
        footer .up-footer .middle p{
        font-size:15px;
    }
    footer .up-footer .middle form{
        font-size:14px;
    }
    footer .up-footer .middle form{
        margin-left:50px;
        margin-top:-10px;
    }
    footer .up-footer .middle form input[type=email]{
        width:30%;
        padding:0;
        font-size:14px;
    }
    footer .up-footer .middle form input[type=submit]{
        width:25%;
        font-size:10px;
        padding:0;
    }
    footer .down-footer h4{
        font-size:12px;
    }
}
@media (min-width:425px) and (max-width:551px){
    footer{
        width:100%;
    }
    .none{
        display:none;
    }
    footer .up-footer .middle{
        width:100%;
        box-sizing:border-box;
        padding:5px;
    }
    footer .up-footer .middle h2{
        font-size:14px;
    }
        footer .up-footer .middle p{
        font-size:15px;
    }
    footer .up-footer .middle form{
        font-size:14px;
    }
    footer .up-footer .middle form{
        margin-left:50px;
        margin-top:-10px;
    }
    footer .up-footer .middle form input[type=email]{
        width:30%;
        padding:0;
        font-size:14px;
    }
    footer .up-footer .middle form input[type=submit]{
        width:25%;
        font-size:10px;
        padding:0;
    }
    footer .down-footer h4{
        font-size:12px;
    }
}
@media (min-width:551px) and (max-width:768px){
    footer{
        width:100%;
    }
    footer .up-footer .left{
        height:100px;
    }
    footer .up-footer .middle{
        width:100%;
        box-sizing:border-box;
        padding:5px;
    }
    footer .up-footer .middle h2{
        font-size:14px;
    }
        footer .up-footer .middle p{
        font-size:15px;
    }
    footer .up-footer .middle form{
        font-size:14px;
    }
    footer .up-footer .middle form{
        margin-left:50px;
        margin-top:-10px;
    }
    footer .up-footer .middle form input[type=email]{
        width:30%;
        padding:0;
        font-size:14px;
    }
    footer .up-footer .middle form input[type=submit]{
        width:25%;
        font-size:10px;
        padding:0;
    }
    footer .down-footer h4{
        font-size:12px;
    }
}
@media (min-width:768px) and (max-width:1024px){
    footer{
        width:100%;
    }
    footer .up-footer .left{
        height:100px;
    }
    footer .up-footer .middle{
        width:100%;
        box-sizing:border-box;
        padding:5px;
    }
    footer .up-footer .middle h2{
        font-size:14px;
    }
        footer .up-footer .middle p{
        font-size:15px;
    }
    footer .up-footer .middle form{
        font-size:14px;
    }
    footer .up-footer .middle form{
        margin-left:120px;
        margin-top:-10px;
    }
    footer .up-footer .middle form input[type=email]{
        width:30%;
        padding:0;
        font-size:14px;
    }
    footer .up-footer .middle form input[type=submit]{
        width:25%;
        font-size:10px;
        padding:0;
    }
    footer .down-footer h4{
        font-size:12px;
    }
}*/