@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400|Quattrocento:400);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.About{padding:100px 20px 0}.About p{margin:auto}.intro{color:var(--primary-800);font-size:1.2rem}*,:after,:before{box-sizing:border-box}html{font-size:100%}:root{--primary-100:#e2e0ff;--primary-200:#c1beff;--primary-300:#a29dff;--primary-400:#837dff;--primary-500:#645cff;--primary-600:#504acc;--primary-700:#3c3799;--primary-800:#282566;--primary-900:#141233;--grey-50:#f8fafc;--grey-100:#f1f5f9;--grey-200:#e2e8f0;--grey-300:#cbd5e1;--grey-400:#94a3b8;--grey-500:#64748b;--grey-600:#475569;--grey-700:#334155;--grey-800:#1e293b;--grey-900:#0f172a;--black:#222;--white:#fff;--red-light:#f8d7da;--red-dark:#842029;--green-light:#d1e7dd;--green-dark:#0f5132;--headingFont:"Quattrocento",serif;--bodyFont:"Quattrocento Sans",sans-serif;--smallText:0.7em;--backgroundColor:var(--grey-100);--fontColor:var(--grey-900);--borderRadius:0.25rem;--letterSpacing:1px;--transition:0.3s ease-in-out all;--max-width:1120px;--fixed-width:600px;--shadow-1:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-2:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-3:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-4:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}body{background:#f1f5f9;background:var(--backgroundColor);color:var(--textColor);font-family:Quattrocento Sans,sans-serif;font-family:var(--bodyFont);font-weight:400;line-height:1.75}p{margin-bottom:1.5rem;max-width:40em}h1,h2,h3,h4,h5,p{text-align:center}h1,h2,h3,h4,h5{color:#282566;color:var(--primary-800);font-family:Quattrocento,serif;font-family:var(--headingFont);font-weight:400;line-height:1.3;margin:0 0 .5rem}h1{font-size:3.052rem;margin-top:0}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}.text-small,small{font-size:.7em;font-size:var(--smallText)}a{text-decoration:none}a,a:visited{color:#282566;color:var(--primary-800)}ul{list-style-type:none;margin:0;padding:0}.container{margin:0 auto;max-width:1120px;max-width:var(--max-width)}.img{display:block;height:300px;object-fit:cover;width:100%}.btn{background:#645cff;background:var(--primary-500);border:transparent;border-radius:.25rem;border-radius:var(--borderRadius);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-1);color:#fff;color:var(--white);cursor:pointer;display:inline-block;letter-spacing:1px;letter-spacing:var(--letterSpacing);padding:.375rem .75rem;text-transform:capitalize;transition:all .3s ease-in-out;transition:var(--transition)}.btn:hover{background:#3c3799;background:var(--primary-700);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-3)}.btn-hipster{background:#c1beff;background:var(--primary-200);color:#645cff;color:var(--primary-500)}.btn-hipster:hover{background:#3c3799;background:var(--primary-700);color:#c1beff;color:var(--primary-200)}.btn-block{width:100%}.alert{border-color:transparent;border-radius:.25rem;border-radius:var(--borderRadius);margin-bottom:1rem;padding:.375rem}.alert-danger{background:#f8d7da;background:var(--red-light);color:#842029;color:var(--red-dark)}.alert-success{background:#d1e7dd;background:var(--green-light);color:#0f5132;color:var(--green-dark)}.form{background:#fff;background:var(--white);border-radius:.25rem;border-radius:var(--borderRadius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-2);margin:3rem auto;max-width:600px;max-width:var(--fixed-width);padding:2rem 2.5rem;width:90vw}.form-label{display:block;font-size:.7em;font-size:var(--smallText);letter-spacing:1px;letter-spacing:var(--letterSpacing);margin-bottom:.5rem;text-transform:capitalize}.form-input,.form-textarea{background:#f1f5f9;background:var(--backgroundColor);border:1px solid #e2e8f0;border:1px solid var(--grey-200);border-radius:.25rem;border-radius:var(--borderRadius);padding:.375rem .75rem;width:100%}.form-textarea{height:7rem}.form-row{margin-bottom:1rem}::-webkit-input-placeholder{color:#94a3b8;color:var(--grey-400);font-family:inherit}:-ms-input-placeholder{color:#94a3b8;color:var(--grey-400);font-family:inherit}::placeholder{color:#94a3b8;color:var(--grey-400);font-family:inherit}.form-alert{color:#842029;color:var(--red-dark);letter-spacing:1px;letter-spacing:var(--letterSpacing);text-transform:capitalize}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite;border:5px solid #94a3b8;border-radius:50%;border-top-color:#645cff;border:5px solid var(--grey-400);border-top-color:var(--primary-500);height:6rem;margin:0 auto;width:6rem}.title{text-align:center}.title-underline{background:#645cff;background:var(--primary-500);height:.25rem;margin:-1rem auto 0;width:7rem}.Contact{margin:0 auto;max-width:750px;padding:100px 10px 0}.Contact div{background:var(--white)}.footer{padding-top:100px}.footer-links{align-items:center;display:flex;font-size:25px;justify-content:center}.footer-link{margin:0 15px}.nav .menu{align-items:center;background:var(--backgroundColor);box-shadow:var(--shadow-2);display:flex;justify-content:space-around;max-width:var(--max-width);padding:16px 0;position:fixed;top:0;width:100%;z-index:1}li.item{font-size:18px}.color-picker{align-items:center;display:flex;height:100%}.item,.logo{padding:0 10px}.Projects{padding-top:100px}.projects-container{align-items:center;display:flex;flex-wrap:wrap;gap:100px 20px;justify-content:space-around;margin:20px;padding-top:10px}.project{background:var(--grey-200);box-shadow:var(--shadow-4);max-width:500px;padding:20px}.project p{align-items:center;display:flex;height:125px;justify-content:center}.project img{border:1px solid bl}.project-info{display:flex;flex-direction:column;justify-content:space-between}.projects-container img{width:100%}.project-code-links{display:flex;gap:5px;justify-content:space-between;margin-top:10px}.project-code-links>a,.project-site-link{width:100%}.project h4{margin-top:20px}.Skills{padding-top:100px}.skills-container{color:var(--fontColor);flex-wrap:wrap;margin:auto;max-width:700px;padding-top:10px}.skills-container,figure{align-items:center;display:flex;justify-content:center}figure{flex-direction:column;width:80px}figure svg{font-size:50px}
/*# sourceMappingURL=main.c756c200.css.map*/