@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);body{font-family:"Raleway",Arial,sans-serif;color:#555;font-size:100%;line-height:1.5;background-color:#f2f2f2;margin:0}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Helvetica;color:#000;background-color:#ff4d4d}#container{margin:40px auto;margin-top:0px;margin-bottom:0px;max-width:960px}a{color:#000;text-decoration:none;font-weight:bold}a:visited{color:#000}#bio{margin-left:20px;margin-bottom:40px}#bio p.bio{font-size:24px;margin-top:0px}@media only screen and (min-device-width: 320px) and (max-device-width: 767px){#bio p.bio{font-size:16px;text-align:center}}#bio a{text-decoration:underline;font-weight:normal}#bio a:hover{color:#ffcc00}@media only screen and (min-device-width: 320px) and (max-device-width: 767px){#bio{margin:0px 20px 0px 20px}}#work{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin-top:40px;margin-left:20px}#work .info{width:88%}#work .info h1{font-size:70px;margin-top:0px;margin-bottom:0px}@media only screen and (min-device-width: 320px) and (max-device-width: 767px){#work .info{width:73%}#work .info h1{font-size:32px}}#work .social-btns{float:right;margin-top:40px}#work a.social{width:35px;margin:3px 6px 0px 0px;border-bottom:none}#work a.social svg{width:40px;height:40px}#work a.social svg:hover path{fill:#ffcc00}#work a.social:hover{border-bottom:none;cursor:pointer}@media only screen and (min-device-width: 320px) and (max-device-width: 767px){#work .social-btns{float:right;margin-top:10px}#work a.social{width:25px;margin:3px 6px 0px 0px;border-bottom:none}#work a.social svg{width:25px;height:25px}#work a.social svg:hover path{fill:#ffcc00}#work a.social:hover{border-bottom:none;cursor:pointer}}@media only screen and (min-device-width: 320px) and (max-device-width: 767px){#work{margin:20px 20px 0px 20px}}.projects{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin:0px 10px 0px 10px}.projects .project{width:168px;height:168px;margin:10px;padding:10px;border:3px solid #000}.projects .project.light{color:#cdcdcd}.projects .project:hover{border:3px solid #ffcc00;color:#ffcc00}@media only screen and (min-device-width: 320px) and (max-device-width: 767px){.projects .project{width:320px;height:320px;margin:10px;padding:10px}}@media only screen and (min-device-width: 320px) and (max-device-width: 767px){.projects{margin:0}.projects a{margin:0 auto}}