@import"https://fonts.googleapis.com/css2?family=Red+Rose:wght@300;400;500;600;700&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Red Rose,cursive;text-decoration:none;font-weight:400;-webkit-user-select:none;user-select:none}body{overflow:hidden}#root{height:100svh;display:flex;flex-direction:column}h1{font-size:14px;text-transform:uppercase;letter-spacing:5px}p,a,li{font-size:10px;letter-spacing:2px;text-decoration:none}li{position:relative;left:12px}button{font-size:14px;text-transform:uppercase;letter-spacing:5px;background:none;border-style:solid;border-width:1px;border-radius:10px;padding:7px 15px;transition:letter-spacing .05s ease-in-out}button:hover{letter-spacing:6px;-webkit-box-shadow:0px 0px 10px 0px rgba(255,255,255,.3);-moz-box-shadow:0px 0px 10px 0px rgba(255,255,255,.3);box-shadow:0 0 10px #ffffff4d}main{flex:1 1 0;display:flex;padding:0 30px;overflow-y:auto}.clickable:hover{cursor:pointer}.link{text-decoration:none}input:focus,select:focus,textarea:focus,button:focus{outline:none}.homepage{justify-content:center;align-items:center}.welcome-container{display:flex;flex-direction:column;gap:15px}.homepage-welcome-txt{text-transform:none;text-align:center;position:relative;transition:opacity 1s ease-in-out}.intro-screen{position:absolute;height:100%;width:100%;z-index:7;pointer-events:none;transition:opacity 2s ease-in-out}@media (max-width: 600px){.welcome-container{width:75%}}@media (max-width: 400px){.welcome-container{width:100%}}header{display:flex;justify-content:space-between;padding:20px 30px}.main-nav{display:flex;gap:30px;position:relative}.nav-line{position:absolute;height:1px;bottom:-4px;transition:width .3s ease-in-out,right .3s ease-in-out}.logo{position:relative;z-index:2}.mobile-menu-btn{display:none;z-index:2}.full-page-window{position:absolute;top:0;left:0;width:100%;height:100svh;overflow:hidden;display:none;z-index:1}.mobile-nav{width:100%;height:100%;position:relative;transition:left .5s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:flex-end;padding:96.8px 30px 30px;gap:60px}.mobile-link-container{display:flex;flex-direction:column;gap:15px;align-items:flex-end}.mobile-theme-container{display:flex;flex-direction:column-reverse;position:relative;bottom:45px;transition:left .3s ease-in-out}.mobile-theme-option{width:145px;height:30px}.hiddenEE{position:absolute;background-color:#171717;width:100svw;height:100svh;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.hiddenEE input{background:none;color:#fff;border:solid 1px rgb(255,255,255);border-radius:4px;padding:10px 20px}.mobile-social-links{display:flex;gap:15px;align-items:flex-end;flex-direction:column}@media (max-width: 750px){.mobile-menu-btn{display:block}.main-nav{display:none}.full-page-window{display:block}}.background{position:absolute;width:100%;height:100%;z-index:-1}.top-section{position:absolute;width:100%;height:65%;z-index:-2}.bottom-section{position:absolute;width:100%;height:35%;bottom:0;z-index:-2}.left-section{position:absolute;height:100%;width:65%;z-index:-1}.right-section{position:absolute;height:100%;width:65%;right:0;z-index:-1}footer{padding:20px 30px;position:relative;display:flex}.theme-selector{display:flex;position:absolute;width:180px;height:60px;transition:left .5s ease-in-out;align-items:flex-end;bottom:20px}.theme-option{height:16.8px;flex:1 1 0;transition:height .1s ease-in-out}.theme-option:hover{height:60px}.theme-btn{position:relative;transition:left .5s ease-in-out}.social-links{position:absolute;right:30px;display:flex;gap:30px}@media (max-width: 750px){.theme-btn,.theme-selector,.social-links{display:none}footer{padding:15px}}.projects-container{display:flex;align-items:center;width:100%;margin-top:auto;margin-bottom:auto}.project-cards-container{flex:1 1 0;overflow:hidden}.project-card-wrapper{display:flex;gap:60px;position:relative;transition:left .5s ease-in-out}.left-arrow{margin-right:30px}.right-arrow{margin-left:30px}.left-arrow,.right-arrow{opacity:1;transition:opacity .2s ease-in-out}.slider-track{position:absolute;display:flex;gap:15px;left:50%;transform:translate(-50%,30px)}.track-circle{height:10px;width:10px;border-radius:50px;transition:opacity .2s ease-in-out}@media (max-width: 750px){.left-arrow,.right-arrow,.slider-track{display:none}.project-cards-container{overflow:visible}.project-card-wrapper{flex-direction:column;left:0!important;align-items:center}}.project-card{padding:30px;display:flex;flex-direction:column;gap:30px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex:0 0 400px;transition:opacity .5s ease-in-out}.project-card-img{border-radius:5px;width:100%}.card-icon-container{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.card-btn-container,.card-btn-container a{display:flex;flex-direction:column;gap:10px}@media (max-width: 750px){.project-card{opacity:1!important;max-width:500px;cursor:default!important}}.icon{width:20px}.cv-container{justify-content:center;align-items:center}.cv-btn-container{display:flex;flex-direction:column;gap:15px;width:100%;max-width:600px}.cv-btn{width:100%}@media (max-width: 750px){.cv-btn-container{width:75%}}@media (max-width: 450px){.cv-btn-container{width:100%}}.about-page{justify-content:center}.about-content{max-width:1000px;display:flex;flex-direction:column;gap:30px;margin-top:auto;margin-bottom:auto}.about-section{padding:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;display:flex}.background-section{gap:30px;align-items:center}.background-txt{display:flex;flex-direction:column;gap:15px;flex:1 1 0}.profile-img{border-radius:5px;width:35%}.tech-section{display:flex;gap:30px}.tech-sub-section{flex:1 1 0;display:flex;flex-direction:column;gap:15px}.about-teach-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.text-section{flex-direction:column;gap:15px}.hire-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hire-btns button{width:100%}.no-expand:hover{letter-spacing:5px}@media (max-width: 865px){.tech-section{flex-direction:column}.background-section{align-items:stretch}.profile-img{width:50%;object-fit:cover}}@media (max-width: 750px){.background-section{flex-direction:column-reverse;align-items:center}.profile-img{width:100%;max-width:300px}}@media (max-width: 580px){.hire-btns{grid-template-columns:1fr}}.tech-box{display:flex;border-width:1px;border-style:solid;border-radius:5px;justify-content:space-between;padding:0 15px;height:42px;text-align:right;align-items:center}.contact-page{justify-content:center}.contact-form{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto;gap:15px;width:50%;max-width:550px;align-items:flex-end}.contact-form input,.contact-form textarea{background:none;border-style:solid;border-width:1px;border-radius:10px;padding:7px 15px;font-size:14px;width:100%}.color-placeholder::placeholder{opacity:.7}.success-msg{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;gap:15px}@media (max-width: 750px){.contact-form{width:75%;max-width:none}}@media (max-width: 400px){.contact-form{width:100%}}.project-wrapper{display:flex;gap:30px;margin:auto;width:100%;max-width:2000px}.project-img{border-radius:10px;height:600px}.project-info-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;gap:30px;flex:1 1 0;border-radius:10px;overflow-y:auto;padding:30px;height:600px}.txt-sub-container{display:flex;flex-direction:column;gap:15px}.txt-p-container{display:flex;flex-direction:column;gap:10px}.project-tech-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}@media (max-width: 750px){.project-img{width:100%;height:auto}.project-wrapper{gap:60px;flex-direction:column}.project-info-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none!important;gap:60px;flex:1 0 auto;padding:0;height:auto}}@media (max-width: 450px){.project-wrapper,.project-info-container{gap:30px}}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 10px 10px #fff;border-style:solid;border-color:transparent;border-width:10px 10px 10px 0}