body{
    background: #e9e8e5;

    background-image:
        radial-gradient(
            rgba(255,255,255,.6) 1px,
            transparent 1px
        );

    background-size: 20px 20px;
}


h1{
text-align:center;
font-size:50px;
margin-bottom:10px;
}


.subtitle{
text-align:center;
color:gray;
margin-bottom:40px;
}


.nav{
text-align:center;
margin-bottom:40px;
}


.nav a{
text-decoration:none;

color:#444;

background:white;

padding:10px 18px;

border-radius:20px;

margin:5px;

display:inline-block;
}


.card{

background:white;

padding:30px;

margin-bottom:30px;

border-radius:25px;

box-shadow:8px 8px 0px #d6d4d0;

}


h2{
margin-top:0;
}


p{
line-height:1.8;
}


.footer{
text-align:center;
margin-top:50px;
color:gray;
}