:root{--primary:#ffc636;--secondary:#0a0b5b}body,p,a,ul,li{margin:0;padding:0;text-decoration:none}li{list-style-type:none}body{background:var(--secondary);font-family:Rubik Regular;overflow-x:hidden}.button{border:2px solid var(--primary);color:var(--primary);text-transform:uppercase;background:0 0;border-radius:20px;padding:6px 12px;font-size:1em;display:inline-block;box-shadow:1px 2px 3px #0009}.button:hover{color:#222;background:var(--primary)}input,textarea{color:#f2f2f2;background:#ffffff0d;border:2px solid #9893d8;border-radius:20px;padding:10px 16px;font-size:1em}@font-face{font-family:Rubik Regular;src:url(Rubik-Regular.7d64ff9b.ttf) format("ttf"),}h1,h2,h3,h4{color:#dddbff;font-weight:400;line-height:1.4em}p,a,li{color:#9893d8;font-size:1em;line-height:1.4em}h1,h3{font-size:1.2em}h2{font-size:1.6em}h4,.leading{font-size:1.1em}.grid{box-sizing:border-box;grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.site-nav{margin:0 20px}.site-nav h1{border-bottom:3px solid var(--primary);grid-area:1/1/auto/4;padding-bottom:10px;display:inline-block}.site-nav ul{display:none}#welcome{padding:0 20px 20px;overflow:hidden}.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(square_bg.1b3a4829.png) bottom/cover no-repeat;padding:30px 20px}#portfolio h3{text-align:center;margin-bottom:0}.projects{margin:20px 0}.projects a{grid-column:1/9;margin:20px 0;display:flex}.projects a *{align-self:center;max-width:40%;margin:0 20px}.projects h4{color:#9994f7}#skills{background:#07083e;padding:30px 20px}#skills h3{text-align:center}#skills ul{margin:40px 0}#skills li{text-align:center;background:#0003;grid-column:span 4;padding:10px}#skills img{height:80px;margin:10px auto}#skills p{text-align:center;margin:0 20px}#contact{background:#080936;padding:30px 20px}#contact h3,#contact p{text-align:center;margin-bottom:0}#contact form{text-align:center;width:80%;max-width:400px;margin:20px auto}#contact input,#contact textarea{width:100%;margin:10px 0}#contact textarea{max-width:100%;height:200px}#contact .button{margin-top:10px}footer{background-color:#14153d;background-image:url(footer_image.e98560df.png);background-position:top;background-repeat:no-repeat;background-size:40%;padding:30px 20px}footer .copyright{grid-column:1/3;font-size:.8em}footer .social{grid-column:7/9;justify-content:flex-end;display:flex}footer li{margin:0 6px}footer img{width:20px}@media screen and (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;margin:20px 0;display:block}.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 (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{grid-column:6/9;justify-content:flex-end;align-self:center;display:flex}.site-nav li{margin-left:20px}.welcome-text{grid-column:1/5;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 *{max-width:80%;margin:30px 10%}#skills{padding:30px 20px}#skills ul{margin:40px auto}#skills li{grid-column:span 2}#skills p{max-width:600px;margin:40px auto}footer{background-size:20%;padding:40px 20px}}@media screen and (width>=1200px){body{font-size:20px}.site-nav{padding:0}#welcome,#portfolio,#skills,#contact{padding:90px 0}.leading{margin:20px 0}.projects a:first-child{grid-column:1/3}.projects a:nth-child(2){grid-column:4/6;padding-top:140px}.projects a:nth-child(3){grid-column:7/9}.projects a *{max-width:100%;margin:30px 0%}footer{background-size:30%;padding:80px 0}footer .copyright{grid-column:1/4}footer .social{grid-column:6/9}footer img{width:30px}}
/*# sourceMappingURL=index.b44fd92d.css.map */
