.container{width:min(800px,80%);margin-inline:auto}main{width:100%}.nav-bar{display:flex;align-items:center;margin-top:20px;width:90%;justify-content:space-between}.nav-bar .nav-bar_logo{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem}.nav-bar .nav-bar_logo>a{text-decoration:none;color:var(--font-color)}.nav-bar .nav-bar_actions{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-bar .nav-bar_actions a{text-decoration:none;color:#fff}.swirls{aspect-ratio:9 / 4;width:450px;background:#1a1a1a;border-radius:.5rem;position:relative;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform 1s}.swirls:before,.swirls:after{--gradient-angle: 90deg;content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;z-index:-1;background:linear-gradient(var(--gradient-angle),var(--int-1),var(--int-2));border-radius:inherit;animation:rotation 10s linear infinite;transform:translateZ(-2rem)}.swirls:after{filter:blur(1rem)}.swirls:hover{transform:rotateY(32deg) rotateX(32deg)}.header{display:grid;place-content:center;justify-items:center;margin-top:100px;margin-bottom:150px}.header .title{position:relative;z-index:10;font-size:2.5rem;transform:translateZ(2rem)}.header .bio{padding:30px;border-bottom:1px solid var(--theme-color);margin-top:10px;margin-bottom:30px}.header .icons{display:flex;gap:3rem;justify-content:space-evenly;margin-bottom:2rem}.header .icons .header-icon svg{fill:#666}.header .icons .header-icon.linkedin-icon:hover svg{fill:#0076b2}.header .icons .header-icon.github-icon:hover svg{fill:#fff}.header .read-more{box-sizing:border-box;border-radius:20px;border:2px solid white;height:50px;width:20px;position:relative;margin-top:50px}.header .read-more .read-more-mover{position:absolute;height:10px;width:10px;background-color:#fff;border-radius:50%;top:3px;left:3px;animation:movey-down 2s ease infinite}.header .read-more-text{margin-top:30px;font-size:.75rem}@media (max-width: 500px){.header .swirls{width:300px;word-break:break-all;padding:3rem 1rem}.header .title{padding-top:1rem;font-size:2rem}}@keyframes movey-down{0%{top:3px}75%{top:32px}to{top:3px}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.funky{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 10s ease infinite}.about{position:relative}.about .about-side{transform:rotate(90deg);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:8rem;position:absolute;top:0rem;left:-14rem;color:#ffffff05;-webkit-user-select:none;-ms-user-select:none;user-select:none}.about .about-details{position:relative;padding:2rem}.about .about-details:before{content:"";position:absolute;top:1.5rem;left:-1px;height:100%;width:2px;background:linear-gradient(180deg,rgba(255,255,255,.1) 60%,rgba(255,255,255,0) 100%)}.about .about-list{list-style:none}@media (max-width: 400px){.about .about-list{font-size:.9rem}}.about .about-list .about-item{position:relative;margin-bottom:2rem}.about .about-list .about-item:before{position:absolute;content:"";height:12px;width:12px;top:10px;left:-2.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.5);background-color:#1a1a1a}.about .about-list .about-item a{color:#fff}.about .about-list .about-item .time-period{color:#ffffffbf;font-size:.8rem;margin-bottom:.5rem}.about .about-list .about-item .std-list{padding-left:3rem}@media (max-width: 400px){.about .about-list .about-item .std-list{padding-left:1rem}}.project-card{position:relative;width:390px;border-radius:5px;margin-bottom:20px;color:#fff}.project-card .project-card_container{opacity:0;position:absolute;width:90%;bottom:5%;left:5%;transform:translateY(1rem);transition:all .3s ease 0s}.project-card:hover .project-card_container{display:block;transform:translateY(0);opacity:1}.project-card:hover:before{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 40%,rgba(0,0,0,.4))}.project-card .project-card_image{position:absolute;top:0;left:0;object-fit:cover;width:390px;border-radius:5px;z-index:-1;background-repeat:no-repeat}.project-card .project-card_title{margin:0}.project-card .project-card_tag-container{margin-top:.3rem;display:flex;flex-wrap:wrap;gap:.5rem}.project-card .project-card_tag-container .project-card_tag{border-radius:5px;background-color:#3a3a3a;width:fit-content;padding:0 5px}@media (max-width: 700px){.project-card .project-card_container{opacity:1;transform:translateY(0)}}.project-filters{display:flex;gap:10px;width:100%;margin-bottom:1rem;align-items:center;min-height:30px}.project-filters .filter_buttons{padding:0 10px;border:0px;border-radius:5px;cursor:pointer;background-color:transparent;transition:all .3s ease 0s;color:#fff}.project-filters .filter_buttons:first-child{margin-left:auto}.project-filters .filter_buttons:last-child{margin-right:auto}.project-filters .filter_buttons.active{padding:5px 22px;background-color:#2a2a2a}.projects-container{column-count:2;column-gap:20px}@media (max-width: 1050px){.projects-container{display:flex;flex-direction:column;align-items:center}}.projects{position:relative;margin-top:100px}.projects .projects-side{transform:rotate(90deg);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:8rem;position:absolute;top:5rem;left:-11.5rem;color:#ffffff05}.projects .container{display:flex;flex-direction:column}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.contact-button{height:40px;width:70px;background:#1a1a1a;border-radius:.5rem;position:relative;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform 1s;border:0px;color:#fff;text-decoration:none}.contact-button:before,.contact-button:after{--gradient-angle: 90deg;content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;background:rgba(255,255,255,.2);border-radius:inherit;transform:translateZ(-2rem)}.contact-button:hover{cursor:pointer}.contact-button:hover:after{filter:blur(1rem)}.contact-button:hover:before,.contact-button:hover:after{background:linear-gradient(var(--gradient-angle),var(--int-1),var(--int-2));animation:rotation 10s linear infinite}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.contact{position:relative;margin-top:100px;margin-bottom:100px}.contact .contact-side{transform:rotate(90deg);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:8rem;position:absolute;top:0rem;left:-11rem;color:#ffffff05;-webkit-user-select:none;-ms-user-select:none;user-select:none}.contact .container{display:flex;flex-direction:column}.contact .contact-label{margin-bottom:5px}.contact .contact-input{width:60%;z-index:1;background-color:#1a1a1a;border:2px solid rgba(255,255,255,.3);margin-bottom:1rem;padding:10px;border-radius:.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#fff}.contact .contact-input::placeholder{color:#ffffff80}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}h2{font-size:3rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--font-color: white;--theme-color: white;--border-radius: 20px;--int-1: #1bafe9;--int-2: #8341fb}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}