/*
style.css
Anton Kasabutski
2 August, 2019
This file contains information about website styles
*/

body {
    margin:0;
}

header {
    box-shadow:0 0 4px 0 rgba(0,0,0,.08),0 2px 4px 0 rgba(0,0,0,.12);
}

nav li a {
    text-decoration:none;
    color:#0087e0;
    cursor:pointer;
    display:inline-block;
    padding:20px 0;
    line-height:1.5;
}

nav:hover li:hover a:hover {
    color:#29b2fe;
}

img {
    vertical-align:middle;
    width:200px;
}

ul {
    display:inline-block;
    margin:0;
}

li {
    display:inline-block;
    padding:0 16px;
    font-family: 'Pacifico', cursive;
}

main {
    color:#1f2836;
    background-image:linear-gradient(315deg,#29b2fe,#0069C7);
    min-height:56vh;
}

h1 {
    font-size:30px;
    text-align:center;
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0;
}

h3 {
    text-align:center;
    font-family: 'Open Sans Condensed', sans-serif;
}

section p {
    max-width: 400px;
    padding:16px 12px;
    font-family: 'Roboto', sans-serif;
    margin:0;
}

footer {
    padding:36px 12px;
    background:#161e2c;
}

footer p {
    color:#F7F7F7;
}