:root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 214, 219, 220}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));margin:0}@layer utilities{.text-balance{text-wrap:balance}}#main{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:space-between;gap:2.5rem}.header{width:100%;min-width:500px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background-color:#3b82f6;font-size:17px;position:fixed;z-index:100}.header-title{padding:.9rem;font-weight:700}.header-nav{display:flex;justify-content:right;height:50px}.header-button{padding:.9rem;font-weight:500;text-decoration:none;color:#000;cursor:pointer}.header-button:hover{opacity:.4}.main-content-container{width:70%;display:flex;flex-direction:column;gap:100px;align-items:center}.home-container{width:70%;padding:100px 25px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:-50px}.home-left-side{display:flex;height:100%;padding:20px;justify-content:center;flex-direction:column}.home-title{font-size:30px;font-weight:700}.home-description{margin-top:10px;font-size:18px}.home-technologies{display:flex;flex-direction:column;margin-top:30px;height:100%;justify-content:end}.home-technologies-slider{overflow:hidden;height:100px}.home-technologies-text{font-size:25px;margin-bottom:10px}.home-technologies-box{display:flex;flex-direction:row;height:75px;max-width:450px;gap:75px;justify-content:right;z-index:1}.home-profile-picture-container{display:flex;justify-content:right}.home-profile-picture{position:relative;border-radius:50%;border:5px solid gray;animation-name:shrink-component;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease;object-fit:scale-down;height:400px}.home-profile-picture:hover{animation-name:expand-component;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease}@keyframes expand-component{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes shrink-component{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes expand-component-subtle{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes shrink-component-subtle{0%{transform:scale(1.02)}to{transform:scale(1)}}#projects{width:100%;display:flex;gap:50px;flex-direction:column;align-items:center;margin-bottom:50px;padding-top:60px}.projects-container-title{font-size:30px;font-weight:700}.project-container{display:flex;flex-direction:column;border-width:5px;max-width:775px;border:3px solid gray;padding:10px;border-radius:10px}.project-grid-normal{display:grid;grid-template-columns:2fr 3fr;width:100%}.project-grid-inverted{display:grid;grid-template-columns:3fr 2fr;width:100%}.project-title{display:flex;text-align:center;align-items:center;justify-content:center;font-size:20px;min-width:150px;padding:20px}.project-media-container{display:flex;align-items:center;justify-content:center;width:450px;height:375px}iframe.project-media,img.project-media{width:450px;height:375px}.project-details{text-align:center;padding:0 20px 10px}.project-description{text-align:left}.project-links-container{display:flex;justify-content:right}.project-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:55%}.project-demo,.project-github-link{background-color:#3b82f6;border-radius:.55rem;padding:5px;margin-bottom:5px;color:#000;text-decoration:none}.project-demo{margin-right:5px}.project-demo:hover,.project-github-link:hover{background-color:#93c5fd}.embedded-link{width:100%;height:100%}.intro-paragraph{text-align:center;font-size:20px}.redirect-image{width:20px;height:20px;display:inline;margin-bottom:-3px;margin-left:.4em;opacity:.5}#contact-container{width:100%;display:flex;justify-content:center;background-color:#5795f8;border-top:1px solid black}#contact{display:flex;flex-direction:column;padding:25px 200px 50px;box-sizing:border-box;justify-content:center}.contact-content{display:grid;width:fit-content;justify-content:center;gap:250px;grid-template-columns:1fr 1fr}.contact-title{text-align:center;margin-bottom:50px;font-size:30px;font-weight:700}.contact-form-box{display:flex;flex-direction:column;gap:25px}.contact-block{display:flex}.contact-label{font-size:20px;font-weight:600}.contact-label:after{content:"*"}.contact-input{width:300px;padding:3px}.contact-message{width:100%;height:100px;padding:3px;font-family:inherit}.contact-message:focus::placeholder,.contact-input:focus::placeholder{color:transparent}.contact-send-button{font-size:20px;padding:5px 30px;border-radius:.75rem;border-width:1px;border-color:#000;background-color:#fff}.contact-send-button:hover{background-color:#93c5fd;cursor:pointer}.contact-feedback-response{text-align:center;width:25%;margin:auto;padding:10px;border-radius:.75rem;background-color:#2563eb;animation-duration:1s;animation-timing-function:ease-in;animation-fill-mode:forwards}.contact-social{font-weight:700;background-color:#fff;padding:10px 25px 25px 10px;border-radius:10px;height:fit-content;width:fit-content;font-size:23px;border:1px solid black}.contact-social-images{display:flex;justify-content:left;gap:20px;margin-top:10px}.contact-social-images img{border-radius:50%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.divider-container{display:flex;justify-content:center;margin:24px 0}.divider-line{width:95%;height:1px;background-color:#ccc;border-radius:1px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#f2f2f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}