/* CSS for erikdalzen.com */ body { background-color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 14px; } .nav { letter-spacing: .09em; position: fixed; top:30px; left: 30px; font-size: 14px; width: 100%; } .logo { font-weight: bold; background: -webkit-linear-gradient(right,#003388, #32CD32); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: .2em; font-size: 20px; } .menu { line-height: 3ex; } .menu a:link, .menu a:visited { color: #404040; text-decoration: none; } .menu a:hover { color: #3B3EFF; } a:active { color: purple; } .current { text-decoration:underline; } .project{ background: white; } .hamburger { background-color: transparent; border: 0; color: #32CD32; cursor: pointer; font-size: 20px; display: none; } .content { padding-left:220px; padding-top:65px; padding-bottom: 50px; } img { padding-bottom:75px; max-width: 100% } p { color: #333; line-height: 2.5ex; margin-top: .5em; width: 92%; } h1 { display:inherit; font-weight:bold; font-size: 16px; letter-spacing: .03em; line-height: 2.6ex; padding:0; margin: 0px; } .footnote { font-size: 11px; } #foregone img { padding: 0px 10px 20px 10px; } a.spanner { text-decoration:none; } @media screen and (max-width: 767px) { .nav { letter-spacing: .1em; font-size: 12px; top:0px; left: 0px; padding: 10px 0px 0px 20px; } .logo { position:absolute; } .hamburger { display: block; position: absolute; left:190px; } .menu { display: none; width: 100%; flex-direction: column; line-height: 2.4ex; padding-top: 7px; } .menu a:link, .menu a:visited { color: #66ff66; text-decoration: none; text-shadow: -1px 1px 1px #003388; background: rgb(255,255,255); background: linear-gradient(130deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 2%, rgba(255,255,255,0) 23%); } .menu.show { display: flex; } .current { text-decoration:underline; } .content { padding: 80px 0px 0px 0px; } img { max-height: none; max-width:90%; display: block; margin-left: auto; margin-right: auto; } #foregone img { padding: 4px 2px 0px 2px; display: inline-block; } #foregone, #cv { max-width: 90%; margin-left: auto; margin-right: auto; } .statement { width: 90%; } }