:root{--primary-color:#1d3251;--secondary-color:#cdedda;--dark-grey:#3b3b3b;--main-text:"Quattrocento Sans",sans-serif;--secondary-text:"Sanchez",serif;--normal-font:400;--heavy-font:500}*{box-sizing:border-box}body{font-family:var(--main-text);font-weight:var(--normal-font);font-size:16px;line-height:1.5;color:#000}header{background-color:var(--primary-color);color:#fff}nav{background-color:var(--primary-color);font-weight:var(--heavy-font)}footer{background-color:var(--primary-color);font-weight:var(--heavy-font);clear:both;display:flex;flex-direction:column;text-align:center;color:#fff}h1{color:var(--dark-grey);font-family:var(--secondary-text);font-size:32px;font-weight:var(--normal-font)}h2{font-family:var(--secondary-text);color:var(--dark-grey);font-size:22px;font-weight:var(--normal-font)}h3{font-family:var(--secondary-text)}a{color:#000;text-decoration:none}form{margin-bottom:10px}input,label,textarea{margin-bottom:5px;display:block;width:50%}label{vertical-align:top}input[type=submit]{width:150px}.button,button{border:none;font-family:inherit;background-color:var(--secondary-color);color:#000;text-decoration:none;padding:10px;border-radius:6px;border-bottom:1px solid rgba(0,0,0,.3);transition:.2s opacity;display:block;margin:30px auto;max-width:300px;text-align:center}table{width:100%;border-collapse:collapse}table,td,th,tr{border:1px solid #000}embed{max-width:85%}.center{display:flex;justify-content:center;margin:auto}.page-header{display:flex;width:100%;padding:20px}.page-header_item{flex:0 1 200px}.page-header_item:last-child{flex-grow:1;text-align:right}.navigation-list{list-style-type:none}.navigation-list li{display:inline-block;margin-left:15px}.navigation-list_item{color:#fff}.gallery img{width:100%}.grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}.grid-item{display:inline-block;width:25%}.grid_item{background-color:var(--secondary-color);padding:10px;width:auto}.mainContent{padding:10px}.profile{max-width:700px;margin:0 auto}.screenshot{padding:10px;width:100%}#selfPortrait{height:250px;width:250px;float:left;margin:40px;border-radius:50%}#experience{width:50%;text-align:center;margin:auto}a:visited{text-decoration:underline}a:focus,a:hover{color:var(--dark-grey)}a:active{text-decoration:none}.button:focus,.button:hover,button:focus,button:hover{cursor:pointer;opacity:.75}@media all and (max-width:600px){.grid{grid-template-columns:1fr}}@media all and (min-width:600px) and (max-width:900px){.grid{grid-template-columns:1fr 1fr}}@media all and (min-width:900px) and (max-width:1200px){.grid{grid-template-columns:1fr 1fr 1fr}}@media all and (max-width:900px){h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}.grid{grid-gap:10px}.navigation-list li{display:block}}.cloud-left{animation:45s cloud-left infinite alternate linear}.cloud-mid{animation:37s cloud-mid infinite alternate linear}.cloud-right{animation:31s cloud-right infinite alternate linear}@keyframes cloud-left{from{transform:translate(-100px,40px)}to{transform:translate(3500px,1500px)}}@keyframes cloud-right{from{transform:translate(2650px,95px)}to{transform:translate(-3000px,95px)}}@keyframes cloud-mid{from{transform:translate(500px,2500px) scale(.5,.5)}to{transform:translate(2000px,600px) scale(1.25,1.25)}}