@import url(https://fonts.googleapis.com/css?family=Signika:400,600);
body { font-family: sans-serif; margin: 0; padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right); background-color: #333; background-size: cover; background-attachment: fixed; }

.cover { padding-top: 100px; padding-bottom: 40px; text-align: center; }

.cover .avatar { height: 180px; border-radius: 100%; border: 3px solid white; margin-bottom: 40px; }

.cover h1 { color: white; font-weight: normal; letter-spacing: 0.05em; font-size: 2.4em; font-family: 'Signika', sans-serif; margin: -10px 0; }

.cover h3 { color: white; font-weight: normal; letter-spacing: 0.05em; font-size: 1.3em; font-family: 'Signika', sans-serif; padding-bottom: 20px; }

.cover ul { list-style: none; padding: 0; text-align: center; }

.cover ul li { border-radius: 100%; border: 2px transparent; color: white; margin: 8px; display: inline-block; list-style: none; width: 65px; height: 65px; }

.cover ul li:hover { color: white; text-decoration: none; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; text-decoration: none; background-color: rgba(0, 0, 0, 0.25); }

.cover ul a { color: white; padding: 15px; text-decoration: none; }

.cover ul a .description { display: none; }

.header { padding: 1.5em; }

.header .avatar { height: 50px; border-radius: 100%; border: 2px solid white; display: inline-block; vertical-align: middle; }

.header h1 { color: white; font-weight: normal; font-size: 1.7em; letter-spacing: 0.05em; font-family: 'Signika', sans-serif; display: inline-block; padding-left: 10px; margin: 0; vertical-align: middle; }

.content { background-color: white; padding: 1.5em; }

.footer { padding: 1.5em; color: #aaa; }

@media only screen and (max-width: 600px) { .header .avatar { height: 40px; } .header h1 { letter-spacing: 0em; font-size: 1.4em; } }

/*# sourceMappingURL=main.css.map */