@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-rounded-Nbz1v37M.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}body{background-color:#f8fafc;color:#020617}.header{background-color:#0284c7;color:#f8fafc;padding:1rem;text-align:center}.header .header-job{font-size:1rem;font-weight:400;line-height:.5rem;margin-bottom:.5rem}.main .general-section .section-content .add-button,.main .general-section .section-content .list .info-row button,.personal .section-content .info-row button{transform:scale(0);border-radius:8px;margin:.5rem;border:none;padding:.25rem;background-color:#0284c7;box-shadow:0 0 6px #0f172a4d;color:#e2e8f0}.main .general-section .section-content .add-button:focus,.main .general-section .section-content .list .info-row button:focus,.personal .section-content .info-row button:focus,.main .general-section .section-content .add-button:hover,.main .general-section .section-content .list .info-row button:hover,.personal .section-content .info-row button:hover{outline:2px solid #38bdf8}.main .general-section .section-content .add-button:disabled,.main .general-section .section-content .list .info-row button:disabled,.personal .section-content .info-row button:disabled{opacity:.5}.personal .section-content{display:grid}.personal .section-content .contact-info{background-color:#38bdf880;padding:.4rem;border:2px solid #38bdf8;border-radius:8px}.personal .section-content .contact-info .info-row input:disabled,.personal .section-content .contact-info .info-row textarea:disabled{background-color:#f1f5f9}.personal .section-content .info-row label{grid-column:1/4;font-weight:600;text-transform:capitalize;margin-bottom:.25rem}.personal .section-content .info-row input,.personal .section-content .info-row textarea{grid-column:1/4;border-radius:8px;font-size:1rem;padding:.5rem;border:none;color:#1e293bcc;outline:2px solid rgba(2,132,199,.75)}.personal .section-content .info-row input:disabled,.personal .section-content .info-row textarea:disabled{border:none;background-color:#e2e8f0;color:#0f172a;outline:none;font-weight:500}.personal .section-content .info-row button{grid-column:3/4;justify-self:end}.personal .section-content .info-row button.edit-button{grid-column:2/3}.personal .section-content .info-row button.save-button{grid-column:3/4}.main{padding:1rem;display:grid;gap:2rem}.main>section{border:2px solid rgba(15,23,42,.1);border-radius:10px}.main>section .section-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:1rem;cursor:pointer}.main>section .section-header .title{font-size:1.4rem}.main>section .section-content{padding:1rem}.main>section .section-content .info-row{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 35px 35px}.main>section .section-content .info-row:hover button,.main>section .section-content .info-row:focus button{transform:scale(1)}.main .general-section{overflow:hidden;display:flex;flex-flow:column nowrap}.main .general-section .section-content.hidden{display:none}.main .general-section .section-content .list{display:flex;flex-flow:column nowrap;gap:1rem}.main .general-section .section-content .list .empty-info{text-align:center;font-weight:400}.main .general-section .section-content .list .info-row{border-radius:8px;overflow:hidden;background-color:#f8fafc}.main .general-section .section-content .list .info-row.selected{background-color:#1e293b1a}.main .general-section .section-content .list .info-row.selected button{transform:scale(1)}.main .general-section .section-content .list .info-row .row-content{grid-column:1/4;grid-row:1/3;padding:.5rem}.main .general-section .section-content .list .info-row .row-content .info-field{display:grid;gap:.2rem}.main .general-section .section-content .list .info-row .row-content textarea,.main .general-section .section-content .list .info-row .row-content input,.main .general-section .section-content .list .info-row .row-content p,.main .general-section .section-content .list .info-row .row-content span{font-size:.9rem;border:none;outline:none;border-radius:5px;width:100%;padding:.25rem}.main .general-section .section-content .list .info-row .row-content label{display:block;font-weight:600;background-color:#f1f5f980;border-radius:5px;padding:0 .25rem;justify-self:start}.main .general-section .section-content .list .info-row .row-content textarea,.main .general-section .section-content .list .info-row .row-content input{color:#1e293bcc;font-weight:300}.main .general-section .section-content .list .info-row .row-content p,.main .general-section .section-content .list .info-row .row-content span{color:#0f172a;font-weight:400}.main .general-section .section-content .list .info-row button{justify-self:end;grid-row:-2/-1}.main .general-section .section-content .list .info-row button.edit-button,.main .general-section .section-content .list .info-row button.save-button{grid-column:2/3}.main .general-section .section-content .list .info-row button.remove-button{grid-column:3/4}.main .general-section .section-content .add-button{transform:scale(1);width:100%;margin:1rem 0}.main .general-section .show-hide-button{border:none;background-color:#0f172a1a}.main .general-section .show-hide-button span{font-size:1.2rem;transform:scale(1.4);color:#1e293b}.education{background-color:#e0e7ff}.education .row-content>div{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.education .row-content>div .department{grid-column:1/-1}.education .row-content>div .start-date,.education .row-content>div .end-date,.education .row-content>div .gpa{grid-template-columns:auto auto;justify-content:start}.education .row-content>div .start-date{grid-column:1/2}.education .row-content>div .end-date{grid-column:2/3}.education .row-content>div .gpa{grid-column:1/2}.experience{background-color:#fce7f3}.experience .row-content>div{display:grid;gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto auto}.experience .row-content>div .start-date,.experience .row-content>div .end-date{grid-template-columns:auto auto;justify-content:start}.projects{background-color:#d1fae5}.projects .row-content>div{display:grid;gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto auto}.projects .row-content>div .start-date,.projects .row-content>div .end-date{grid-template-columns:auto auto;justify-content:start}.awards{background-color:#fef3c7}.awards .row-content>div{display:grid;gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto auto}.awards .row-content>div .date-date{grid-template-columns:auto auto;justify-content:start}.skills{background-color:#fee2e2}@media screen and (min-width: 481px){.personal .section-content{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.personal .section-content .info-row{grid-column:1/-1}.personal .section-content .info-row.birthday{grid-column:2/3;grid-row:1/2}.personal .section-content .info-row.name{grid-column:1/2}.personal .section-content .contact-info{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.personal .section-content .contact-info .phone{grid-column:1/2}.personal .section-content .contact-info .email{grid-column:2/3}.main>section .section-content .info-row{grid-template-columns:1fr 50px 50px}.main .general-section .section-content .add-button,.main .general-section .section-content .list .info-row button,.personal .section-content .info-row button{margin:.7rem;padding:.5rem}.main .general-section .section-content .list .info-row .row-content{padding:.8rem}.education .row-content>div{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.education .row-content>div .gpa{grid-column:3/-1}.experience .row-content>div{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.main .general-section .section-content .list .info-row .row-content .info-field.position{grid-column:1/-1}.projects .row-content>div{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.main .general-section .section-content .list .info-row .row-content .info-field.title{grid-column:1/-1}}@media screen and (min-width: 768px){.header{padding:1.6rem 3rem;text-align:left}.personal{grid-column:1/-1}.personal .section-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.75rem}.personal .section-content .info-row.job{grid-column:3/-1}.main .general-section .section-content,.main .general-section .section-content.hidden{display:grid}.main .general-section .show-hide-button{display:none}.main{display:grid;grid-template-columns:1fr 1fr;align-items:start}.main .general-section .section-content .add-button{width:auto;border-radius:50px;justify-self:start}.main>section .section-content .info-row{grid-template-columns:1fr 50px 50px}.main .general-section .section-content .add-button,.main .general-section .section-content .list .info-row button,.personal .section-content .info-row button{margin:.7rem;padding:.5rem}.main .general-section .section-content .list .info-row .row-content{padding:.8rem}.education .row-content>div{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.education .row-content>div .gpa{grid-column:3/-1}.experience .row-content>div{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.main .general-section .section-content .list .info-row .row-content .info-field.position{grid-column:1/-1}.projects .row-content>div{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.main .general-section .section-content .list .info-row .row-content .info-field.title{grid-column:1/-1}}@media screen and (min-width: 1024px){.header{position:sticky;top:0;z-index:10}.main{position:relative;display:block}.main .personal{position:fixed;top:8rem;left:0;width:50%;border:none}.main .general-section{width:50%;margin:1rem 1rem 1rem 50%}}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:transform .2s ease}.icon,button[class*=-button]{display:grid;place-items:center}.icon span,button[class*=-button] span{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 50}button{cursor:pointer}textarea{resize:none}