@font-face{font-family:Perandory;src:url(PerandorySemiCondensed.otf)}@font-face{font-family:Sloop;src:url(Sloop-ScriptThree.ttf)}.app{background-color:#fff;height:100vh;padding:0}.app-body{background-color:#fff;border-radius:20px;height:100%;padding:0}.app-header{align-content:center;justify-items:center;width:100%;padding:0;display:flex}.app-nav-btn{cursor:pointer;color:#023020;background-color:#0000;border:none;border-right:1px solid #fff;margin:20px 50px 20px 20px;font-family:Perandory;font-size:20px;text-decoration:none}.app-nav-btn:hover{color:#ffe9eb}.app-nav-container{justify-content:center;align-items:center;width:100%;height:10%;display:flex}#website-title{color:#fff;text-align:center;margin:0;font-family:Perandory;font-size:120px;line-height:85px}#website-title2{color:#ffe9eb;text-align:center;margin:0;font-family:Sloop;font-size:80px;line-height:0}.homepage-main{text-align:center;background-color:#023020;border:5px solid #ffe9eb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:85%;display:flex}@font-face{font-family:Perandory;src:url(PerandorySemiCondensed.otf)}@font-face{font-family:Sloop;src:url(Sloop-ScriptThree.ttf)}html,body,#root{height:100vh;margin:0}.resume{background-color:#023020;height:fit-content;padding:20px}.resume-header{background-color:inherit;flex-direction:row;height:fit-content;display:flex}.resume-body{background-color:#fff;border:5px solid #ffe9eb;border-radius:20px;height:fit-content;padding:10px}.resume-main{height:fit-content}.experience-list,.education-list{flex-flow:wrap;align-content:flex-start;gap:16px;margin:20px;display:flex}.experience-list>*,.education-list>*{flex:0 300px}.experience-container,.education-container,.experience-button,.education-button{border-radius:20px}.experience-container,.experience-button{background-color:#ffe9eb;border:5px solid #023020;width:fit-content;padding:20px}.experience-button,.education-button{animation:.4s infinite horizontal-shaking}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.experience-button:hover,.education-button:hover{cursor:pointer;animation:.2s infinite horizontal-shaking}.education-container,.education-button{background-color:#023020;border:5px solid #ffe9eb;width:fit-content;padding:20px}#role,#study-program{font-size:50px}#company,#role,#ex-endDate,#ex-startDate{color:#023020;font-family:Perandory}#institution,#study-program,#ed-endDate,#ed-startDate{color:#ffe9eb;font-family:Perandory}#education-title,#experience-title{color:#023020;font-family:Sloop;font-size:50px}#resume-title{color:#fff;width:fit-content;margin-top:0;font-family:Perandory}.resume-nav-btn{cursor:pointer;color:#fff;background-color:#0000;border:none;border-right:1px solid #fff;margin:20px;font-family:Perandory;font-size:20px;text-decoration:none}.resume-nav-btn:hover{color:#ffe9eb;cursor:pointer}.resume-nav-container{justify-content:center;align-items:center;width:100%;height:10%;display:flex}.ex-container,.ed-container{flex-direction:row;justify-content:space-between;width:100%;display:flex}.submit-ed-container,.submit-ex-container{flex-direction:column;align-content:center;width:fit-content;height:50%;display:flex;left:0}.input-ex{margin-right:0}.input-ex,#add-ed,.edit-ex,form{flex-direction:column;font-family:Sloop;font-size:50px;display:flex}label,#onGoing{font-family:Sloop;font-size:30px}input[type=date]:not(.has-value):before{color:#a9a9a9;content:attr(placeholder)}input[type=text],input[type=date],#input-ex-description{color:#ffb6c1;border:2px solid #023020;border-radius:20px;min-width:fit-content;min-height:fit-content;margin-bottom:10px;padding:10px;font-family:Perandory;font-size:20px}input[type=text]::placeholder,#input-ex-description::placeholder{text-align:center}#onGoing{color:#ffb6c1}#ongoing-title{font-size:30px}#add-exform-btn,#hide-exform-btn,#submit-exform-btn,#submit-edform-btn,#del-ex-btn,#cancel-del-ex-btn,#edit-ex-btn,#cancel-edit-ex-btn,#del-ed-btn,#edit-ed-btn,#cancel-del-ed-btn,#cancel-edit-ed-btn,#hide-edform-btn{background-color:#ffe9eb;border:5px solid #023020;border-radius:20px;width:fit-content;height:fit-content;margin:10px;padding:20px;font-family:Perandory;font-size:40px}#add-exform-btn:hover,#hide-exform-btn:hover,#submit-exform-btn:hover,#submit-edform-btn:hover,#del-ex-btn:hover,#cancel-del-ex-btn:hover,#edit-ex-btn:hover,#cancel-edit-ex-btn:hover,#del-ed-btn:hover,#edit-ed-btn:hover,#cancel-del-ed-btn:hover,#cancel-edit-ed-btn:hover,#hide-edform-btn:hover{cursor:pointer}@font-face{font-family:Perandory;src:url(PerandorySemiCondensed.otf)}@font-face{font-family:Sloop;src:url(Sloop-ScriptThree.ttf)}.abtme-header{background-color:inherit;flex-direction:row;align-content:space-between;display:flex}.abt-me{background-color:#023020;height:100vh}.abt-me-body{background-color:#fff;border:5px solid #ffe9eb;border-radius:20px;margin:20px;padding:10px}.abt-me-main{background-color:#fff;padding:20px}.abtme-nav-container{justify-content:center;align-items:center;width:100%;height:10%;display:flex}section{flex-direction:row;justify-content:space-between;display:flex}textarea{margin:0}article{width:max-content}.buttons{flex-direction:row;justify-content:space-between;margin-bottom:20px;display:flex}textarea{resize:none;background-color:#ffe9eb}#show-text-btn{background-color:#ffe9eb;border:5px solid #023020;border-radius:20px;width:150px;height:50px;font-family:Perandory;font-size:20px}.about-container{flex-direction:row;width:max-content;margin-left:0;font-size:35px;display:flex}#about{color:#fff;margin-top:0;font-family:Perandory}#about2{color:#ffe9eb;margin-top:0;font-family:Sloop}#about-me-text[type=text]{border:5px solid #023020;border-radius:20px;width:700px;height:90%;font-family:Perandory;font-size:20px}#about-me-text{padding:20px}#about-me-text-unedited{color:#023020;text-align:justify;white-space:pre-line;width:50%;padding-left:20px;font-family:Perandory;font-size:20px}#about-me-img{border:5px solid #ffe9eb;border-radius:20px;height:350px;margin-right:200px}#edit-img-btn,#save-img-btn{border-radius:20px;width:150px;height:50px;margin-right:500px;font-family:Perandory;font-size:20px}#edit-img-btn{color:#023020;background-color:#ffe9eb;border:5px solid #023020}#save-img-btn{color:#ffe9eb;background-color:#023020;border:5px solid #ffe9eb}.about-container{margin:10px 0 0 10px}@font-face{font-family:Perandory;src:url(PerandorySemiCondensed.otf)}@font-face{font-family:Sloop;src:url(Sloop-ScriptThree.ttf)}html{scroll-behavior:smooth}body{background-color:#023020;align-content:center;justify-items:center;display:flex}.project-main{background-color:#fff;border:5px solid #ffe9eb;border-radius:20px;width:90%;height:fit-content;margin:60px}.project-container{text-align:center;flex-direction:row;place-content:center;width:100%;height:fit-content;margin:0;display:flex;position:relative}#title,.sloop-script-h2{margin:0}#project-name{color:#023020;justify-content:center;font-family:Perandory;font-size:50px;display:flex}#instruction-text{color:#023020;justify-content:center;font-family:Sloop;font-size:40px;display:flex}.nav-btn{cursor:pointer;color:#fff;background-color:#0000;border:none;border-right:1px solid #fff;margin-top:20px;margin-right:50px;font-family:Perandory;font-size:20px;text-decoration:none}.nav-btn:hover{color:#ffe9eb}.nav-container{justify-content:center;align-items:center;width:100vw;display:flex}.sloop-script-h2{color:#ffe9eb;font-family:Sloop;font-size:70px}#title{color:#023020;font-family:Perandory;font-size:90px}.slideshow-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:fit-content;display:flex}.left-arrow,.right-arrow{cursor:pointer;height:300px}.left-arrow{float:left}.right-arrow{float:right}.slideshow-img{justify-content:center;height:300px}#slideshow-img-btn{background-color:inherit;cursor:pointer;border:none}.edit-btns{margin:10px;position:absolute;right:0}#add-project-btn,#edit-project-btn,#delete-project-btn{background-color:#ffe9eb;border:5px solid #023020;border-radius:20px;width:fit-content;height:fit-content;margin-right:5px;padding:10px;font-family:Perandory;font-size:20px}@font-face{font-family:Perandory;src:url(PerandorySemiCondensed.otf)}@font-face{font-family:Sloop;src:url(Sloop-ScriptThree.ttf)}.update-project{width:100%;height:100%}.update-project-body{background-color:#023020;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.update-project-navigation{justify-content:center;align-items:center;width:100%;height:10%;display:flex}.update-project-main{background-color:#fff;border:5px solid #ffe9eb;border-radius:20px;width:90%;height:90%}#update-project-title{color:#023020;font-family:Perandory}#update-project-back-btn{cursor:pointer;color:#fff;background-color:#0000;border:none;font-family:Perandory;font-size:20px;text-decoration:none}#edit-ex,form{width:40%;height:90%}#edit-ex-company,#edit-ex-role,#edit-ex-location,input[type=date],#edit-ex-description{color:#ffb6c1;border:2px solid #023020;border-radius:20px;min-width:fit-content;min-height:fit-content;margin-bottom:10px;padding:10px;font-family:Perandory;font-size:20px}#edit-exform-btn{background-color:#ffe9eb;border:5px solid #023020;border-radius:20px;height:fit-content;margin:10px;padding:20px;font-family:Sloop;font-size:40px}#input-ex-description{height:100px}@font-face{font-family:Perandory;src:url(PerandorySemiCondensed.otf)}@font-face{font-family:Sloop;src:url(Sloop-ScriptThree.ttf)}html,body,#root{width:100%;height:100%;margin:0;padding:0}.add-project-body{flex-direction:column;align-content:center;align-items:center;display:flex}.add-project-header{place-content:center;height:10vh;display:flex}.add-project-main{background-color:#fff;border:5px solid #ffe9eb;border-radius:20px;width:90%;height:90%;padding:20px}.title-container{flex-direction:row;display:flex}.sloop-script-h2{z-index:999;color:#ffe9eb;font-family:Sloop;font-size:70px}#title{z-index:998;color:#023020;font-family:Perandory;font-size:90px}form{flex-direction:column;margin-right:0;font-family:Sloop;font-size:50px;display:flex}input[type=text],#project-description,#input-project-name{color:#ffb6c1;border:2px solid #023020;border-radius:20px;min-width:fit-content;min-height:fit-content;margin-bottom:10px;padding:10px;font-family:Perandory;font-size:20px}input[type=text]::placeholder,#project-description::placeholder{text-align:center}#project-description{height:100px}#submit-btn{background-color:#ffe9eb;border:5px solid #023020;border-radius:20px;width:fit-content;height:fit-content;margin:10px;padding:20px;font-family:Perandory;font-size:40px}#submit-btn:hover{cursor:pointer}#back-btn{color:#fff;background-color:#0000;border:none;font-family:Perandory;font-size:20px}