:root{--primary:#ffc636;--secondary:#0a0b5b}a,body,li,p,ul{margin:0;padding:0;text-decoration:none}li{list-style-type:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:var(--secondary);overflow-x:hidden;font-family:Rubik Regular}.button{background:none;border:2px solid var(--primary);color:var(--primary);padding:6px 12px;border-radius:20px;text-transform:uppercase;box-shadow:1px 2px 3px rgba(0,0,0,.6);display:inline-block}.button:hover{color:#222;background:var(--primary)}input,textarea{background:hsla(0,0%,100%,.05);padding:10px 16px;border-radius:20px;border:2px solid #9893d8;color:#f2f2f2}@font-face{font-family:Rubik Regular;font-style:normal;font-weight:400;src:local("Rubik"),local("Rubik-Regular"),url(/fonts/rubik-v9-latin-regular.woff2) format("woff2"),url(/fonts/rubik-v9-latin-regular.woff) format("woff")}h1,h2,h3,h4{color:#dddbff;font-weight:400;line-height:1.4em}a,li,p{color:#9893d8;line-height:1.4em;font-size:1em}h1,h3{font-size:1.2em}h2{font-size:1.6em}.leading,h4{font-size:1.1em}.grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;gap:10px}.site-nav{margin:0 20px}.site-nav ul{display:none}.site-nav h1{grid-column:1/4;grid-row:1;padding-bottom:10px;border-bottom:1px solid var(--primary)}#welcome{padding:0 20px 20px}.welcome-text{grid-column:1/6}.welcome-text a{margin:20px 0}.welcome-img{grid-column:6/9}.welcome-img img{width:200%}#portfolio{background:url(/images/square_bg.png);background-size:cover;background-repeat:no-repeat;background-position:bottom;padding:30px 2px}#portfolio h3{margin-bottom:0;text-align:center}.projects a{grid-column:1/9;margin:20px 0;display:flex}.projects a *{margin:0 20px;max-width:40%;align-self:center}.projects h4{color:#9994f7}#skills{padding:30px 20px;background:#07083e}#skills h3{text-align:center}#skills ul{margin:40px 0}#skills li{padding:10px;background:rgba(0,0,0,.2);grid-column:span 4;text-align:center}#skills img{height:80px;margin:10px auto}#contact{padding:30px 20px;background:#080936}#contact h3,#contact p{text-align:center;margin-bottom:0}#contact form{width:80%;max-width:400px;margin:20px auto;text-align:center}#contact input,#contact textarea{width:100%;margin:10px 0}#contact .button{margin-top:10px}footer{padding:30px 20px;background-color:#14153d;background-image:url(/images/footer_image.png);background-size:40%;background-repeat:no-repeat;background-position:top}footer .copyright{grid-column:1/3;font-size:.8em}footer .social{grid-column:7/9;display:flex;justify-content:flex-end}footer li{margin:0 6px}footer img{width:20px}@media screen and (min-width:620px){.welcome-text{grid-column:1/5}.welcome-img{grid-column:5/9}.welcome-img img{width:100%}.projects{margin-top:40px}.projects a{grid-column:span 4;display:block;margin:20px 0}.projects a:last-child{grid-column:3/7}.projects a *{max-width:60%;margin:10px 20%}.projects h4{text-align:center}#skills{padding:30px 100px}footer{background-size:20%}}@media screen and (min-width:960px){body{font-size:18px}.grid{width:100%;max-width:1060px;margin:0 auto}.leading{margin:20px 0}.site-nav{padding:0 20px}.site-nav h1{grid-column:1/3}.site-nav ul{display:flex;grid-column:6/9;justify-content:flex-end;align-self:center}.site-nav li{margin-left:20px}.welcome-text{align-self:center}#welcome{padding-bottom:40px}.projects a:first-child{grid-column:2/4}.projects a:nth-child(2){grid-column:4/6;padding-top:140px}.projects a:nth-child(3){grid-column:6/8}.projects a *{margin:10px 10%;max-width:80%}#skills{padding:30px 20px}#skills ul{margin:40px auto}#skills li{grid-column:span 2}footer{padding:40px 20px;background-size:25%}}@media screen and (min-width:1200px){body{font-size:20px}#contact,#portfolio,#skills,#welcome{padding:90px 0}.projects a:first-child{grid-column:1/3}.projects a:nth-child(3){grid-column:7/9}.projects a *{max-width:100%;margin:30px 0}footer{padding:80px 0;background-size:30%}}