@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Stack+Sans+Headline:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Stack+Sans+Headline:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Stack+Sans+Headline:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Stack+Sans+Headline:wght@200..700&display=swap);:root{--hero-bg:linear-gradient(135deg, #1f1c2c, #928dab);--about-bg:#111;--project-bg:linear-gradient(135deg, #928dab, #1f1c2c);--contact-bg:#111;--nav-bg:#111;--button-bg:#ffc400;--button-color:#111;--button-h-bg:#ffa600;--button-h-color:#111;--primary-font:"Stack Sans Headline", "Roboto Condensed", "Roboto", sans-serif;--nav-font:"Nunito", sans-serif;--about-font:"Nunito", "Stack Sans Headline", sans-serif;--primary-f-color:white;--common-btn-tran:all 0.4s ease}body{font-family:var(--primary-font);margin:0;padding:0;background-color:#111;overflow-x:hidden}body::selection{color:#111;background-color:#ffc400}body::-webkit-scrollbar{display:none}nav{display:flex;background-color:#111;margin:0;padding:12px 12px;width:100%;justify-content:center;z-index:3}#navbar{position:fixed;top:-50px;left:0;width:100%;transition:top 0.4s ease}nav span a{text-decoration:none;color:var(--primary-f-color);padding:16px}.nav-active{text-decoration:underline;color:#ffc400}#downArrow{position:absolute;top:530px}main #hero-section{text-align:center;height:95vh;width:100%;background:var(--hero-bg);color:var(--primary-f-color);display:flex;justify-content:center;align-content:center;align-items:center}main #hero-section .hero-menu{font-family:var(--nav-font);display:flex;align-items:center;justify-content:center;flex-wrap:wrap}main #hero-section .hero-menu span{margin:5px 5px;padding:4px 8px 4px 8px;background-color:rgb(255 255 255 / .2);border:2px solid rgb(255 255 255 / .5);color:#fff;font-size:16px;border-radius:10px;backdrop-filter:blur(5px);cursor:pointer;transition:all 0.4s ease}main #hero-section .hero-menu span a{text-decoration:none;color:var(--primary-f-color)}main #hero-section .hero-menu span:hover{background-color:rgb(165 145 215 / .2);transform:scale(1.05)}main #hero-section .hero-menu .cv{padding:4px 8px 4px 8px;background-color:var(--button-bg);border:2px solid rgb(255 255 255 / .5);color:var(--button-color);font-size:16px;border-radius:10px;backdrop-filter:blur(5px);cursor:pointer;transition:all 0.4s ease}main #hero-section .hero-menu .cv:hover{background-color:var(--button-h-bg);border:2px solid rgb(255 255 255 / .5);color:var(--button-h-color)}#about-section{background-color:var(--about-bg);color:var(--primary-f-color);text-align:center}#about-section p{font-family:var(--about-font);text-align:justify;margin:12px}#projects-section{--pc-bg-color:rgba(255, 255, 255, 0.2);--pc-border:2px solid rgba(255, 255, 255, 0.5);--pc-primary-f-color:white;--pc-desc-font:"Nunito", "Stack Sans Headline", sans-serif;--pc-btn-bg:#ffc400;--pc-btn-color:#111;--pc-btn-h-bg:#ffbb00;overflow-x:hidden}#projects-section h1{text-align:center;color:var(--primary-f-color)}#projects-section .project-list{display:flex;margin:20px;color:var(--pc-primary-f-color);padding:20px;width:fit-content;position:relative;animation:slide 10s linear infinite}#projects-section .project-list:hover{animation-play-state:paused}#projects-section .project-list div{margin:6px;width:275px;background-color:var(--pc-bg-color);padding:8px;border-radius:20px;text-align:center;transition:0.3s;cursor:pointer}#projects-section .project-list div:hover{transform:scale(1.02)}#projects-section .project-list div img{width:270px;height:170px;border-radius:20px}#projects-section .project-list div h1{font-size:22px}#projects-section .project-list div p{height:80px;overflow:hidden;text-align:justify;font-family:var(--pc-desc-font)}#projects-section .project-list div a{text-decoration:none;color:var(--pc-btn-color);background-color:var(--pc-btn-bg);padding:6px 8px;border-radius:3px}.pMore-Container{text-align:center;width:100%;display:flex;align-content:center;justify-content:center}.pMoreBtn{text-decoration:none;color:var(--button-color);background:var(--button-bg);padding:8px 8px;border-radius:3px;text-align:center;transition:0.4s}.pMoreBtn:hover{background:var(--button-h-bg)}@keyframes slide{0%{transform:translateX(18%)}100%{transform:translateX(-110%)}}#contact-section{width:100%;margin-left:auto;margin-right:auto;padding:18px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.contact-intro>*+*{margin-top:1rem}.contact-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--primary-f-color)}.contact-description{color:#6b7280}#contact-section form{justify-content:center}.form-group-container{display:grid;gap:0rem}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:.5rem}.form-input,.form-textarea{padding:.5rem;border:1px solid #e5e7eb;display:flex;height:2.5rem;width:250px;border-radius:.475rem;font-size:.875rem;line-height:1.25rem;font-family:var(--about-font)}.form-input::placeholder,.form-textarea:focus-visible{color:#6b7280}.form-input:focus-visible,.form-textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.form-textarea{min-height:120px;width:250px;max-width:250px}.form-submit{width:250px;margin-top:1.6rem;background-color:#ffc400;color:#111;padding:14px 7px;border-radius:.475rem;font-size:15px;font-family:var(--about-font);transition:all 0.4s;cursor:pointer}.form-submit:hover{background-color:#ffc400;transform:scale(1.04)}.form-submit:focus,.form-submit:active{background-color:#ffc400;transform:scale(1.04)}.sm{background-color:red;width:55px;height:55px;color:#e5e7eb;border:0 solid;box-sizing:border-box;border-radius:50%;position:fixed;bottom:20px;right:12px;cursor:pointer}.sm:hover{transform:scale(1.1)}.sm i:hover{animation-play-state:paused}.sm i{padding:20px;font-size:18px}.sm-list{display:none;transition:all 0.2s ease-in}.sm-list ul{text-decoration:none;list-style:none;position:fixed;bottom:60px;right:4px}.sm-list ul li a{display:flex;justify-content:center;align-items:center;width:55px;height:55px;margin:10px;background-color:red;color:#fff;border-radius:50%;text-decoration:none;transition:transform 0.4s}.sm-list ul li a:hover{transform:scale(1.1)}.sm-list ul li a i:hover{transform:scale(1.1);animation-play-state:paused}.sm-list ul li a i:nth-child(3){position:fixed;bottom:480px;right:12px}.d{display:block;transition:all 0.4s}.sm-hide{visibility:hidden;display:none}footer{height:45px;width:100vw;text-align:center;padding:45px 0;margin:8px 0;color:var(--primary-f-color);font-family:var(--primary-font)}@media (max-width:400px){.nav-link{font-size:14px}}@media (min-width:580px){#about-section p{font-family:var(--about-font);text-align:justify;margin:6px 120px;font-size:1.2rem}}@media (min-width:800px){#about-section{background-color:var(--about-bg);color:var(--primary-f-color);text-align:center}#about-section p{font-family:var(--about-font);text-align:justify;margin:6px 240px;font-size:1.2rem}}#toast{position:fixed;bottom:-60px;left:50%;transform:translateX(-50%);background:#333;color:var(--button-bg);padding:12px 20px;border-radius:6px;font-size:16px;opacity:0;pointer-events:none;transition:all 0.4s ease;z-index:9999}#toast.show{bottom:200px;opacity:1}