body {
    margin:0;
    background:#F9F;
    font-family:"Courier New", Courier, monospace;
    font-weight:300;
    text-align:center;
}

.container{
    width:80%;
    margin:0 auto;
}

header{
    background:#999;
}

header::after{
    content: '';
    display:table;
    clear:both;
}

.logo{
    float:left;
    padding:10px 0;
}

nav{
    float:right;
}

nav ul{
    margin:0;
    padding:0;
    list-style:none;
}

nav li{
    display:inline-block;
    margin-left:70px;
    padding-top:23px;

    position:relative;
}

nav a{
    color:#444;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
}

nav a:hover{
    color:#ccc;
}

nav a::before {
    content:'';
    display:block;
    height:5px;
    background-color:#666;

    position: absolute;
    top:0;
    width:0%;

    transition:all ease-in-out 250ms;
}

nav a:hover::before {
    width:100%;
}

.welcometowebsite{
    text-align:center;
}

.form{
    width:300px;
    padding:40px;
    top:90%;
    right:35%;
    display:inline-block;
    transition:translate(-50%, -50%);
    background:#666;
    text-align:center;
}

.form h1{
    color:white;
    text-transform:uppercase;
    font-weight:500;
}

.form input[type="text"],.form input[type="password"]{
    border:0;
    background:none;
    display:block;
    margin:20px auto;
    text-align: center;
    border:2px solid #3498db;
    width:200px;
    outline:none;
    color:white;
    border-radius:24px;
    transition:0.25s;
}

.form input[type="text"]:focus,.form input[type="password"]:focus{
    width:280px;
    border-color:#2ecc71;
}

.form input[type ="submit"]{
    border:0;
    background:none;
    display:block;
    margin:20px auto;
    text-align: center;
    border:2px solid #2ecc71;
    padding:14px 10px;
    outline:none;
    color:white;
    border-radius:24px;
    transition:0.25s;
}

.form input[type ="reset"]{
    border:0;
    background:none;
    display:block;
    margin:20px auto;
    text-align: center;
    border:2px solid #2ecc71;
    padding:14px 10px;
    outline:none;
    color:white;
    border-radius:24px;
    transition:0.25s;
}

footer{
    width:100%;
    background:#333;
    padding:60px 0px;
}