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

html{
    height:100%;
}
body {
    min-height:100%;

    font-family: 'Roboto', sans-serif;
    font-weight:100;

    background: radial-gradient(#79B7D2, #405ABF);

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    text-align:center;
    font-size:20px;
    color:white;
}



div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin:0.5em
}
h1,h2,h3{
    margin:1.1em 0;
}
h1 {
    font-weight:500;
}
h2,h3{
    font-weight:100;
}
a{
    border-radius:0.4em;
    border:2px solid white;
    background-color:transparent;
    padding:0.7em 1em;
    color: white;
    text-decoration: none;
    display:inline-block;
    margin-top:1.5em;
    font-weight: 500;
}
a:focus{
    outline:0;
}
a:hover{
    opacity: 0.8;
}
.contact{display: none;}