/*This is stylesheet for Online application form for professional gamer.*/

@charset "utf-8";
/*Body style*/
body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 50, 0.5), rgba(0, 0, 50, 0.5)), url('lightening.jpeg');
    background-size: cover;
    background-position: center;
    font-family: sans-serif;
    height: 580px;
}
/*Form style and heading style*/

.contact-title {
    margin:auto;
    color: #fff;
    text-transform: uppercase;
    transition: all 2.5s ease-in-out;
}

.contact-title h1 {
    font-size: 32px;
    line-height: 10px;
}

.contact-title h2 {
    font-size: 16px;
}

form {
    margin-top: 30px;
    transition: all 2.5s ease-in-out;
}

.form-control {
    width: 600px;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid gray;
    color: #fff;
    font-size: 18px;
    margin-bottom: 16px;
}


div.contact-form>form#contact-form>input {
    height: 35px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    
    
}
/*Submit button style*/
form .submit {
    background: #ff5722;
    border-color: transparent;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    height: 50px;
    margin-top: 10px;
}
/* Cursor hovering style*/
form .submit:hover {
    background-color: #ff6c61;
    cursor: pointer;
}

form .reset {
    background-color: #9337af;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    height: 50px;
    margin-top: 10px;
    border-color: transparent;
}

form .reset:hover {
    background-color: #c110f7;
    cursor: pointer;
}
/*navigation link style*/

nav {
    position: right;
    list-style: none;
}

nav li {
    display: inline-block;
    margin-top:auto;
    margin-left: 30px;
}

nav li a {
    color: rgba(255, 255, 255, 0.673);
    text-decoration: none;
    padding: 5px 25px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 25px;
}

nav ul li a:hover{
    color:rgb(230, 226, 226);
    background-color:rgba(132, 121, 121, 0.374)
}
/*Input style*/
input[type="text"]{
    color:rgb(147, 144, 144);
    font-size:130%;
    font-family:Arial, Helvetica, sans-serif;
}
input:focus{
    border:3px dotted rgba(105, 88, 88, 0.776);
}
textarea:focus{
    border:3px dotted rgba(105, 88, 88, 0.776);

}
/*Do not resize the size of the textarea box*/
textarea{
    resize: none;
}