@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:18px;
    background-color: #eaeaea;
    color:#333333;
    background-image:url("polygon.png");
}

.container {
    border:1px solid #ccc;
    background-color: #fff;
    padding:20px 50px 50px 50px;
    width:60%;
    margin:50px auto 50px auto;
    border-radius: 10px;
    text-align: center;
}

.container img {
    width:375px;
    margin:30px 0;
}

ul, li, p {
    line-height:1.5em;
    text-align: left;
}

h2 {
    margin-top:50px;
    text-align: center;
    color: #0075c8;
    line-height: 1.5em;
}

a:link, a:visited {
    text-decoration:underline;
    color:#0075c8;
}

a:hover, a:active {
    text-decoration:none;
    color:#000;
}

.copyright {
    text-align: center;
    font-size:16px;
    border-top:1px solid #ccc;
    padding-top:50px;
    margin-top:30px;
    font-weight:300;
}

.vButton{
    margin-top:50px;
}

.vButton a:link, .vButton a:visited {
    background-color: #0075c8;
    color:#fff;
    font-weight:600;
    padding:20px;
    text-decoration: none;
    border-radius: 10px;
}

.vButton a:hover, .vButton a:active {
    text-decoration:none;
    color:#fff;
    background-color: #333;
}

@media screen and (max-width: 992px) {

    .container {
        padding:30px;
        width:90%;
        margin:0 auto;
    }

    .container img {
        width:275px;
        margin:30px 0;
    }

}