body{background-color:#f6f6f5;color:#303030;font-family:proxima-nova,sans-serif}h2{font-family:factoria,sans-serif;font-size:20pt;font-weight:700}a{color:#303030;cursor:pointer;position:relative;text-decoration:none;white-space:nowrap}a,a:after{transition:all .5s cubic-bezier(0,.8,.13,1)}a:after{background-color:#68ace5bb;bottom:0;content:"";left:-.1em;position:absolute;right:-.1em;top:66%;z-index:-1}@media (hover:hover){a:hover{color:#fff}a:hover:after{background-color:#002d72;top:0}}a:hover{color:#fff}a:active:after{background-color:#002d72;top:0}hr{border:1px solid #d5d0c0}div#app{margin:0 10%;padding-bottom:50px}.myname{font-family:factoria,sans-serif;font-size:30pt;font-weight:700;margin:30px 0 35px}div#profile{display:inline-block;max-width:calc(100% - 300px);padding:0 20px;vertical-align:top}@media (max-width:800px){div#profile{max-width:none;padding:initial}}img#profile-pic{padding:15px 0;width:220px}div#projects div.link,div#pubs div.link{display:inline;margin-right:5px}div#projects img,div#pubs img{width:200px}div#projects .contents,div#pubs .contents{display:inline-block;margin-left:20px;max-width:calc(100% - 220px);vertical-align:top}@media (max-width:800px){div#projects img,div#pubs img{display:none}div#projects .contents,div#pubs .contents{display:initial;margin-left:0;max-width:none;vertical-align:initial}}.hide{opacity:0;transition:opacity .3s}.hide:hover{opacity:1}