.btn{display:block;text-decoration:none;padding:10px 16px;border-radius:5px;font-family:HelveticaReg,sans-serif;border:none;cursor:pointer;transition:all .15s ease-in-out}.btn-primary{background-color:var(--clr-accent);color:var(--clr-primary);text-transform:capitalize;box-shadow:0 0 20px 10px #00000040;font-size:1rem;transition:all .3s ease-in-out}.btn-primary:hover{cursor:pointer;box-shadow:0 0 20px 10px #1492ff5b}@media (min-width: 1000px){.btn-primary{font-size:1.625rem}.btn-small{font-size:1rem}}.btn-danger{background-color:red;color:var(--clr-primary);font-size:1rem}.btn-danger:hover{background-color:var(--clr-neutral)}.btn-underline{background-color:transparent;text-decoration:underline;font-size:1rem;color:var(--clr-neutral);opacity:.5;width:fit-content;margin-inline:auto}.btn-underline:hover{opacity:1}.btn-reverse{background-color:var(--clr-neutral);border:1px solid var(--clr-primary);color:var(--clr-primary);text-transform:uppercase;transition:all linear .3s}.btn-reverse>svg{fill:var(--clr-primary)}.btn-reverse:hover{background-color:var(--clr-primary);color:var(--clr-neutral)}.btn-reverse:hover>svg{fill:var(--clr-neutral)}.modal_container{background-color:var(--clr-primary);padding:1rem;border-radius:10px;margin-inline:2rem;position:relative;overflow:hidden}.openModal{display:flex!important}.closeModal{display:none!important}.dash_input-label{font-family:HelveticaMed,sans-serif;font-size:1rem;text-transform:capitalize}.dash_input_group{position:relative;width:100%;font-family:HelveticaReg,sans-serif;cursor:pointer;margin-bottom:1rem}.dash_input-field{padding:.5rem 1rem;background-color:var(--clr-primary);border:1px solid var(--clr-neutral);border-radius:5px}.dash_input-file{display:none}.dash_input__file-label{position:relative;width:150px;height:150px;display:block;cursor:pointer;border-radius:10px}.dash_file-image{width:150px;aspect-ratio:1/1;border-radius:5px;cursor:pointer;position:absolute}.dash_input__file-label:hover .hoverEffect{display:flex;border-radius:5px;overflow:hidden}.hoverEffect{position:absolute;top:0%;left:0%;background-color:#00000080;z-index:9;width:150px;aspect-ratio:1/1;color:var(--clr-primary);display:flex;justify-content:center;align-items:center;font-family:Helvetica,sans-serif;text-align:center;display:none}.dash_input-error{font-size:10px;color:red;display:block}.dash_input-field:-webkit-autofill,.dash_input-field:-webkit-autofill:hover,.dash_input-field:-webkit-autofill:focus{border:1px solid var(--clr-neutral);-webkit-text-fill-color:var(--clr-neutral);-webkit-box-shadow:none;transition:background-color 5000s ease-in-out 0s}.modal_overlay{position:absolute;top:0%;left:0%;height:100%;width:100%;background-color:var(--clr-primary);z-index:9;text-align:center}.modal_overlay>p{color:var(--clr-neutral);margin-top:50%}.loading_text{margin-top:50%}.loading_text:after{content:".";animation:dotAnimation 3s linear infinite}@keyframes dotAnimation{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:".."}to{content:"."}}.change_panel_title{font-family:HelveticaReg,sans-serif;font-size:1.5rem;color:var(--clr-neutral)}.change_panel_form{text-align:center}.pdf_section{display:flex;flex-direction:column-reverse;gap:1rem;cursor:text}input[type=file]{pointer-events:none;width:fit-content}input[type=file]::-webkit-file-upload-button{display:none}.pdfUpload-btn{background-color:var(--clr-neutral);color:var(--clr-primary);padding:8px 16px;border-radius:5px;cursor:pointer;display:block}.pdfUpload-btn:hover{background-color:var(--clr-accent)}.dashboard_btn{padding:10px 20px;background-color:var(--clr-neutral);border:1px solid var(--clr-primary);color:var(--clr-primary);cursor:pointer;border-radius:5px}.dashboard_btn:hover{background-color:var(--clr-primary);color:var(--clr-neutral)}.more_options{background-color:var(--clr-primary);flex-direction:column;padding:1rem 10px;gap:.5rem;position:absolute;right:0%;width:200px;border-radius:5px;display:none}.flex{display:flex}.more_options>button{background-color:transparent;border:none;color:var(--clr-neutral);font-size:1rem;cursor:pointer}.more_options>button:hover{color:var(--clr-accent)}.more_options-container{position:relative}.container{width:min(100%,1200px);padding-inline:1rem;margin-inline:auto}@media (min-width: 675px){.container{padding-inline:3.75rem}}@media (min-width: 1000px){.container{padding-inline:6.25rem}}@media (min-width: 1200px){.container{padding-inline:7.5rem}}header{position:fixed;top:0%;left:50%;transform:translate(-50%);width:100vw;z-index:99}header .container{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;margin-inline:auto}@media (min-width: 1000px){header .container{padding-top:1.5rem;padding-bottom:1.5rem}}nav{display:flex;gap:1rem}.logo{display:block;color:var(--clr-primary);text-decoration:none;font-family:HelveticaCom;font-size:1.625rem;background-color:var(--clr-neutral);border-radius:5px;padding:6px 16px}@media (min-width: 1000px){.logo{font-size:2.5rem;padding:0 1rem}}.hero{text-align:center;height:100vh;padding-top:35vh}h1{color:var(--clr-primary);text-transform:capitalize;font-family:HelveticaLight,sans-serif;font-size:1rem;font-weight:200}@media (min-width: 675px){h1{font-size:1.125rem}}@media (min-width: 1000px){h1{font-size:1.5rem}}.workTitleBox{min-width:100%;max-width:fit-content;margin-inline:auto;overflow:hidden;height:43px}.workTitle{letter-spacing:5px;font-family:HelveticaCom,sans-serif;font-size:4.375rem;color:transparent;-webkit-text-fill-color:var(--clr-neutral);-webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--clr-primary);text-transform:uppercase;position:relative;text-shadow:0px 0px 8px hsla(209,94%,94%,.255)}@media (min-width: 675px){.workTitleBox{height:68px}.workTitle{font-size:6.875rem}}@media (min-width: 1000px){.workTitleBox{height:81px}.workTitle{font-size:12rem;text-shadow:0px 0px 16px hsla(209,94%,94%,.255);line-height:.85}}.sec{display:flex;align-items:flex-end;margin-top:5px;justify-content:center}@media (min-width: 1000px){.sec{margin-top:10px}}h2{color:var(--clr-primary);font-family:HelveticaCom,sans-serif;font-size:2.625rem;letter-spacing:5px;text-transform:uppercase;text-align:center;margin-bottom:1rem}.section{margin-top:100px}@media (min-width: 675px){h2{font-size:3rem;margin-bottom:1.5rem}.section{margin-top:150px}}@media (min-width: 1000px){h2{font-size:3.8rem;margin-bottom:2rem}.section{margin-top:175px}}.about{text-align:center}.about-text{letter-spacing:2px;font-size:14px;max-width:500px;margin-inline:auto;position:relative;line-height:1.5;overflow:hidden}.about-text+.about-text{margin-top:.75rem}@media (min-width: 675px){.about-text{font-size:16px}}@media (min-width: 1000px){.about-text{font-size:16px;max-width:700px}.about-text+.about-text{margin-top:1.5rem}}.github_link{fill:var(--clr-primary);cursor:pointer;transition:scale .5s ease-in-out;box-shadow:0 0 20px 10px #00000040;border-radius:50%}.github_link:hover svg:hover{transform:scale(1.125)}.project{text-align:center}.project__image-container{width:100%;max-width:500px;box-shadow:0 0 20px 10px #00000040;overflow:hidden;border-radius:20px;margin-inline:auto}.project__image{width:100%;aspect-ratio:1/1}.project__title{font-size:26px;color:var(--clr-primary);font-family:HelveticaBold;text-transform:capitalize;margin-top:1rem}.project__description{font-family:HelveticaLight,sans-serif}.project-btns{margin-inline:auto;width:fit-content;margin-top:20px;display:flex;gap:1rem;align-items:center}@media (min-width: 675px){.project{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1.5rem}.reverse .project__image-container{order:2}.project__image-container{border-radius:25px}.project__title{margin-top:0}.project-detail{text-align:left;height:100%;display:flex;flex-direction:column;justify-content:center}.project-btns{margin-inline:0}}@media (min-width: 675px){.project{gap:2rem}}.projectList{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 675px){.projectList{gap:1.5rem}}@media (min-width: 1000px){.projectList{gap:2rem}}.input_group{position:relative;width:100%;font-family:HelveticaReg,sans-serif;cursor:pointer;margin-bottom:1rem;background-color:var(--clr-neutral)}.input_group>p{color:red!important;font-size:10px;font-family:HelveticaLight,sans-serif;position:absolute}.input_label{color:var(--clr-primary);position:absolute;top:30px;left:30px;transform:translateY(-50%);cursor:pointer;transition:all .12s ease-in-out;background-color:var(--clr-neutral);display:flex;align-items:center;text-transform:capitalize;gap:.5rem;opacity:.5;border-radius:5px}.input_group:focus-visible{background-color:#0ff}.input_field{font-size:1rem;background-color:transparent;padding:20px 30px;border:1px solid var(--clr-primary);border-radius:10px;width:100%;color:var(--clr-primary);cursor:pointer}.input_field::placeholder{color:var(--clr-neutral)}.input_field:focus,.input_field:focus-visible{outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{border:1px solid var(--clr-primary);-webkit-text-fill-color:var(--clr-primary);-webkit-box-shadow:none;transition:background-color 5000s ease-in-out 0s}.textarea{font-family:HelveticaReg,sans-serif}.input_field:not(:placeholder-shown)+.input_label,.input_field:focus-visible+.input_label{top:0%;padding-inline:.5rem;left:15px;opacity:1}.input_label>img{width:20px}.input_field:not(:placeholder-shown)+.input_label>img,.input_field:focus-visible+.input_label>img{width:0}.loading{position:relative;animation:dotLoading 3s linear infinite;color:var(--clr-neutral);padding:2rem}.loading:after{content:".";animation:dotLoading 3s linear infinite}@keyframes dotLoading{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:".."}to{content:"."}}.response_note{padding:2rem;text-align:center}.response_note>p{color:var(--clr-neutral);font-size:1.5rem}.note{width:min(100%,500px);margin-inline:auto;text-align:center;font-size:1.5rem;font-family:HelveticaLight,sans-serif;margin-bottom:50px}.form{display:flex;flex-direction:column;gap:1rem;width:min(100%,350px);margin-inline:auto}.form_submit--btn{background-color:var(--clr-accent);text-transform:capitalize;color:var(--clr-primary);width:fit-content;margin-left:auto;padding:10px 16px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 0 20px 10px #00000040}.form_submit--btn:hover{box-shadow:0 0 20px 10px #1492ff5b}.contact_content{background-color:var(--clr-neutral);width:fit-content;margin-inline:auto;padding:2rem;border-radius:15px;margin-bottom:100px}footer{background-color:var(--clr-accent);width:100%;padding:10px}footer>span{color:var(--clr-neutral)}footer>.container{text-align:center}footer>.container>div{display:flex;flex-direction:column;gap:.5rem}footer>.container>div>a{color:var(--clr-primary);cursor:pointer}footer>.container>div>a:not(.footer_logo):hover{color:var(--clr-neutral)}footer>.container>div+div{margin-top:1.5rem}.footer_logo{font-size:2rem;font-family:HelveticaCom,sans-serif;text-decoration:none;background-color:var(--clr-neutral);padding-inline:.8rem;width:fit-content;margin-inline:auto;border-radius:5px}.social_section{display:flex;gap:.5rem}.social_section>a{margin-top:1rem}.social_section>a+a{margin-top:.75rem}@media (min-width: 675px){footer>.container{display:flex;justify-content:space-between}footer>.container>div{flex-direction:row;align-items:center}footer>.container>div+div{margin-top:0rem}.footer_logo{margin-right:3rem}.social_section{gap:.5rem}.social_section>a{margin-top:0rem}.social_section>a+a{margin-top:0rem}}.mouse_cursor{position:fixed;z-index:-1;width:200px;background-color:var(--clr-accent);border-radius:50%;filter:blur(50px);opacity:.125;transform:translate(-50%,-50%);aspect-ratio:1/1}.project_card{width:200px;text-align:center;display:block;cursor:pointer;padding:1rem;border-radius:10px;transition:all .3s ease-in-out;background-color:transparent;border:none}.project_card:hover{background-color:#e1f0fe2d}.project_card--image{width:100%;border-radius:5px;box-shadow:0 0 20px 10px #00000040;aspect-ratio:1/1}.project_card--title{margin-top:.5rem;font-size:1.5rem;text-transform:capitalize;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--clr-primary);font-family:HelveticaReg,sans-serif}.form_header{margin-bottom:2rem}.form_heading{font-size:1.5rem;color:var(--clr-neutral);letter-spacing:normal;font-family:Helvetica,sans-serif;margin:0}.add_project-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form_btn-group{display:flex;flex-direction:column;gap:1rem;grid-column:1/3}.form_project_id{color:var(--clr-neutral)!important;font-size:10px;width:fit-content;margin-left:auto}.dashboard_title{margin-top:100px;font-family:HelveticaCom,sans-serif;font-size:3rem;letter-spacing:5px;margin-bottom:50px}.dash_project-list{display:flex;gap:1rem;flex-wrap:wrap}.add_project{width:200px;aspect-ratio:1/1;background-color:var(--clr-neutral);border:1px solid var(--clr-primary);border-radius:10px;color:var(--clr-primary);font-family:HelveticaLight,sans-serif;font-size:1.5rem;letter-spacing:5px;cursor:pointer;box-shadow:0 0 20px 10px #00000040;transition:all .3s ease-in-out}.add_project:hover{background-color:var(--clr-primary);color:var(--clr-neutral)}.login_title{color:var(--clr-neutral);font-family:HelveticaReg,sans-serif;letter-spacing:normal;text-transform:capitalize}.login_form{text-align:center}.login_btn{background-color:var(--clr-neutral);padding:10px 16px;border:none;color:var(--clr-primary);text-align:center;margin-inline:auto;text-transform:capitalize;font-family:HelveticaReg,sans-serif;cursor:pointer;border-radius:5px}.login_btn:hover{background-color:var(--clr-accent)}.loadingScreen_section{position:relative;overflow:hidden;height:100vh;width:100vw}.welcome_note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;opacity:0}.closingAnimation .welcome_note{animation:bounce-in linear 2s forwards}@keyframes bounce-in{0%{top:0%;opacity:0}50%{top:25%;opacity:.5}to{top:50%;opacity:1}}.loadingScreen_section>.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--clr-primary);padding:2rem;border-radius:5px;transition:all}.closingAnimation .loading{animation:bounce-out linear 2s forwards}@keyframes bounce-out{0%{top:50%}to{top:150%}}.loadingScreen_section .loading{color:var(--clr-neutral)}.loadingScreen_section .loading:after{content:".";animation:doting 3s linear infinite alternate}@keyframes doting{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:".."}to{content:"."}}@font-face{font-family:HelveticaReg;src:local("HelveticaReg"),url(/assets/Helvetica-5f865ddf.ttf) format("truetype")}@font-face{font-family:HelveticaBold;src:local("HelveticaBold"),url(/assets/Helvetica-Bold-05291f9d.ttf) format("truetype")}@font-face{font-family:HelveticaCom;src:local("HelveticaCom"),url(/assets/helvetica-compressed-82ea6f65.otf) format("truetype")}@font-face{font-family:HelveticaLight;src:local("HelveticaLight"),url(/assets/helvetica-light-8d8b2f23.ttf) format("truetype")}:root{--clr-neutral: #01111e;--clr-primary: #e3f1fe;--clr-accent: #1592ff}*{box-sizing:border-box;padding:0%;margin:0%;scroll-behavior:smooth;scroll-padding-top:100px}#modal{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#01111e98;z-index:999;display:flex;justify-content:center;align-items:center}body{background-color:var(--clr-neutral);-webkit-user-select:none;-ms-user-select:none;user-select:none}p{color:var(--clr-primary);font-family:HelveticaReg}