html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,textarea,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-size:18px;background:hsla(25,92%,98%,1);color:hsl(188,100%,16%);display:flex;flex-direction:column;font-family:'Lato',sans-serif;font-weight:300;line-height:1.5em}p{margin-bottom:12px}a,a:visited{text-decoration:none;color:#00b9bd;font-weight:400}a:hover{color:hsl(188,100%,16%)}nav{align-self:flex-end;background:#00b9bd;width:100%;display:flex;flex-direction:column-reverse}nav ul{margin-left:10px}nav a,nav a:visited{color:white;text-decoration:none;display:block}nav li:hover a,nav li:hover a:visited{color:#007e80}nav ul{display:flex;justify-content:space-around}nav ul li{margin:12px}@media only screen and (min-width:768px){nav ul{list-style:none;overflow:hidden;justify-content:center;margin:0}nav ul li{margin:12px 36px}}header{display:flex;margin:24px;flex-direction:column;text-align:center}header img{border-radius:80px;margin:auto}header h1{font-family:'Josefin Sans',sans-serif;font-weight:normal;margin:auto;font-size:2em;margin-top:24px}#main{margin:24px auto;padding:0 12px;max-width:600px;text-align:center}