:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#f6f6f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e1d20;height:2000px}#site-body{margin:0;padding:0}#root{margin:0;padding:0;min-width:80%}.main-menu{list-style:none;padding:0;width:70%;height:50px;margin:auto;display:flex;justify-content:center;align-items:center;color:#ff4654}.main-menu a{color:#ff4654;text-decoration:none}.main-menu a:visited{text-decoration:none;color:#ff4654}.main-menu li{display:inline-block;margin-right:50px;font-size:1.5rem;transition:.2s}.main-menu li:hover{border-bottom:2px solid;padding-bottom:2px;transition:.2s;font-size:1.6rem;cursor:pointer}.name-header{color:#ff4654;font-size:3rem;text-shadow:1px 1px 2px #1e1d20}.box{padding-bottom:30px;background-color:#fff;border-radius:60px;color:#1e1d20;box-shadow:#63636333 0 2px 8px;margin-top:25px}.introduction{padding-top:10px;display:flex;flex-direction:column}.intro-container{margin:auto;width:87%;padding-bottom:20px}.introduction p{color:#1e1d20;font-weight:550}.introduction h3{color:#239be0;font-size:2rem;padding-top:0;margin:30px auto 0}.introduction h4{padding-top:0;margin:30px auto 0;color:#239be0;font-size:1.4rem}.skills-container{height:650px}.skills-container p{margin:30px auto;width:90%;font-weight:600}.skills-container h3{color:#239be0;font-size:2rem;padding-top:0;margin:100px auto 10px}.tech-container img{width:125px;transition:.5s}.tech-container img:hover{width:150px;transition:.5s}.tech-row1{margin-top:75px;display:flex;justify-content:center;align-items:flex-end}.tech-row1 img{margin:0 75px}.tech-row2{display:flex;margin-top:20px;justify-content:center;align-items:flex-end}.tech-row2 img{margin:0 75px}.contact-form-container{margin-top:125px;width:100%}.contact-form-container h3{color:#239be0;font-size:2rem}.contact-form{width:80%;display:inline-block}.contact-form label{color:#239be0;font-size:1.3rem;font-weight:600;display:block;text-align:left}.contact-form input{margin:10px 0;width:100%;height:50px;border-radius:20px;background-color:#fff;border:none;box-shadow:#63636333 0 2px 8px;color:#1e1d20;padding-left:20px;font-size:1.1rem}.contact-form button{display:absolute;float:left;margin:15px 0;width:300px;height:50px;border-radius:20px;background-color:#fff;border:none;box-shadow:#63636333 0 2px 8px;color:#239be0;padding-left:20px;font-size:1.1rem}.contact-form button:hover{color:#fff;transition:.5s;background-color:#239be0cc;cursor:pointer}#message{margin:10px 0;width:100%;height:50px;border-radius:20px;background-color:#fff;border:none;box-shadow:#63636333 0 2px 8px;color:#1e1d20;padding-left:20px;font-size:1.1rem;height:200px;resize:none;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:3;font-size:1.2rem;font-weight:500}.footer{margin:150px 0}.footer a{text-decoration:none;color:#239be0}.footer a:hover{color:#1e1d20}.footer a:visited{text-decoration:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}