@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700italic,700&subset=latin,latin-ext);

body{
    min-height: 100%;
    height: auto;
}
.card{
    border:4px solid white;
    position: absolute;
    background: rgb(53,84,153);
    background: rgba(53,84,153,0.8);
    height:150px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    max-width:600px;
    border-radius: 20px;
    text-align: center;
    color:white;
    padding:20px 10px;

}
h1{
    font-family: 'Noto Serif', serif;
    font-size:65px;
    margin-bottom: 0px;
    text-shadow: 0.5px 0.5px 1px black;
    color:white;
    padding:15px 20px;
    margin-top:0px;
}

span{
    font-size:30px;
}
@media(max-width:650px){
    h1{
        font-size:35px;
    }
}