body{display:flex;justify-content:center;background-color:#322f33;font-family:Roboto,sans-serif;font-weight:300;color:#c0d0e8}body .hidden{display:none}body .wrapper{display:flex;flex-wrap:wrap;max-width:1200px;margin:90px}body .wrapper h1{color:#65afb5;font-size:3.5em;margin:0;padding:0}body .wrapper h2{color:#aaa5e6;font-weight:300;margin:0;padding:0}body .wrapper h3{color:#aaa5e6;font-weight:300;margin:0;padding:0}body .wrapper #city{margin-bottom:5px}body .wrapper button{border:0 solid transparent;padding:5px 10px;background-color:#b1b1b1;color:#322f33;cursor:pointer}body .wrapper button:hover{opacity:.5}body .wrapper .email-tooltip{margin-top:10px}body .wrapper .email-tooltip #js-copy-email{margin-right:9px}body .wrapper #social{margin-top:15px}body .wrapper #social a{text-decoration:none}body .wrapper #social a:hover img{opacity:.5}body .wrapper #social img{margin-right:5px;width:25px}body .wrapper p{margin:5px 0}body .wrapper ul{padding-left:20px}body .wrapper .show-small{display:none}body .wrapper .hide-small{display:block}body .wrapper .sidebar{margin-right:50px;width:30%}body .wrapper .sidebar h2{margin-bottom:5px}body .wrapper .sidebar h3{margin-top:30px;margin-bottom:8px}body .wrapper .sidebar ul{list-style-type:none;padding-left:0;margin:0}body .wrapper .sidebar ul li{margin-bottom:2px}body .wrapper .main{width:calc(70% - 50px);margin-top:40px}body .wrapper .main h2{font-size:1.7em;margin-bottom:15px;margin-top:5px}body .wrapper .main h3{color:#aaa5e6;font-size:1.5em}body .wrapper .main p,body .wrapper .main ul{margin-left:15px}body .wrapper .main li{margin-bottom:5px}body .wrapper .main .about{margin-bottom:20px;width:80%;color:#fff;font-size:1.05em}body .wrapper .main .about p{margin:0;padding:0}body .wrapper .main .job{background-color:#3e3e3e;padding:15px;margin-bottom:20px;border-radius:5px}body .wrapper .main .job__position{color:#a1bffa;font-size:1.2em;margin-bottom:10px}body .wrapper .main .job__tech{list-style-type:none}body .wrapper .main .job__tech li{display:inline;background-color:#555;color:#cecaff;padding:5px 10px;border-radius:5px;margin-right:3px;line-height:2.2em}@media (max-width:950px){body .wrapper{margin:10px}body .wrapper .main,body .wrapper .sidebar{width:100%}body .wrapper .sidebar ul{margin-bottom:20px}body .wrapper .sidebar ul li{display:inline}body .wrapper .sidebar ul li:not(:last-child):after{content:", "}body .wrapper .show-small{display:block}body .wrapper .hide-small{display:none}}