*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}input{padding:4px 8px;border-radius:8px;border:none;transition:outline 50ms ease}input:focus{outline:2px solid white}textarea{scrollbar-width:thin;border:none;border-radius:8px}textarea:focus{outline:none}.separator{border:1px solid white;margin-inline:1rem;margin-block:1rem}@font-face{font-family:"Baloo 2";src:url(/assets/Baloo2-Regular-p2bR2FbV.woff2) format("woff2"),url(/assets/Baloo2-Regular-YprBmyzc.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{font-family:"Baloo 2";scrollbar-width:thin;background-color:#202020;color:#fff;--primary-btn-bg-color: #e8e8e8;--hover-primary-btn-bg-color: #d8d8d8}#root{height:100dvh;display:grid;grid-template-columns:2fr 3fr;grid-template-rows:auto 1fr}header{grid-column:1 / -1;padding:4px 16px;border-bottom:1px solid #2f2f2f;box-shadow:12px 0 12px #0f0f0f;color:#009688;display:flex;justify-content:center}#root>section{overflow-y:auto;scrollbar-width:thin;height:100%}.form{display:flex;flex-direction:column;gap:16px;padding-block:2rem;direction:rtl}.form>*{direction:ltr}.form>.general-info>div{padding:0 16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:8px}.form>.general-info>div>.input-group:last-child{grid-column:1 / -1}.form>.general-info>div>.input-group:last-child textarea{min-height:6rem;min-width:100%;max-width:100%}.form>.educational-exp>div{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px}.form>.educational-exp>div>button{color:#fff;align-self:center;background-color:transparent;border:2px solid white;border-radius:16px;padding:4px 8px;transition:background-color .25s ease-in-out;cursor:pointer}.form>.educational-exp>div>button:hover{background-color:#202020}.work-exp>div{display:flex;flex-direction:column;gap:8px}.work-exp>div>button{color:#fff;align-self:center;background-color:transparent;border:2px solid white;border-radius:16px;padding:4px 8px;transition:background-color .25s ease-in-out;cursor:pointer}.work-exp>div>button:hover{background-color:#202020}.form>.technical-skills>div{display:flex;flex-direction:column;align-items:center}.form>.other-skills>div{display:flex;flex-direction:column;align-items:center}.form>.form-actions{margin-top:auto;position:sticky;bottom:0;background-color:#101010;padding:8px 16px;justify-content:center;display:none}.curriculum{padding:48px 80px;position:relative}.curriculum>.actions{position:absolute;top:16px;right:16px}.curriculum>.actions>.download{background-color:transparent;border:2px solid white;padding:4px;border-radius:50%;cursor:pointer;transition:transform .15s ease;display:flex;align-items:center}.curriculum>.actions>.download:hover{transform:scale(1.1);background-color:#202020}.curriculum>.actions>.close{display:none;border-radius:50%}.curriculum-page{background-color:#fff;color:#181818;font-family:Times New Roman,Times,serif;font-size:1vw;padding:1.5vw 3vw;outline:1px solid black;aspect-ratio:1 / 1.4142;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:star}.curriculum-page>.full-name{font-size:2em;text-align:center}.curriculum-page>.general-info>*{font-size:.9em}.curriculum-page>h2:nth-child(3){margin-top:0rem}.curriculum-page h2{font-size:1.25em;margin-top:1em}.curriculum-page h3{font-size:1.1em}.curriculum-page p{font-size:1em}.curriculum-page>.general-info{margin-bottom:16px;display:flex;flex-direction:row;justify-content:center;gap:1vw}.curriculum-page>.general-info>*{display:flex;flex-direction:row;align-items:center;gap:.1vw}.curriculum-page>.general-info>a{color:#000;text-decoration:none}.curriculum-page>.general-info>a:visited{color:#000}.curriculum-page>.profile>p{padding:0 16px}.curriculum-page>.educational-exp{width:100%}:is(.curriculum-page>.technical-skills,.curriculum-page>.other-skills)>ul{padding:0 16px;list-style:none}@media(max-width:768px){#root{grid-template-columns:1fr;grid-template-rows:auto 1fr}.form{padding-bottom:0}.form>.form-actions{display:flex}.form>.form-actions>button{color:#fff;background-color:transparent;border:2px solid white;border-radius:16px;padding:4px 8px;transition:background-color .25s ease-in-out}.curriculum{padding:24px 16px;position:absolute;background-color:#000c;display:none;flex-direction:column;justify-content:center}.curriculum.active{display:flex;animation:slide-in .3s ease}.curriculum .actions{position:static;justify-content:center;padding:8px 0}.curriculum .actions>.download{position:static;padding:8px;border:2px solid white}.curriculum .actions>.close{background-color:transparent;padding:8px;border:2px solid white;display:block}.curriculum-page{font-size:2vw;padding:3vw 4vw}.curriculum-page .general-info{margin-bottom:6px}.curriculum-page h2{margin-top:.5em}}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-section{--form-section-color: #009688;margin-inline:1rem;border-inline:2px solid var(--form-section-color);border-top:2px solid var(--form-section-color);border-bottom:2px solid var(--form-section-color);border-radius:12px;background-color:#181818;box-shadow:0 0 12px #000;transition:padding-block .3s ease}.form-section.active{padding-block:0 8px}.form-section>h2{grid-column:1 / -1;text-align:center;padding:8px 16px;border-radius:12px;cursor:pointer;color:var(--form-section-color);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.form-section>h2:hover{background-color:#202020}.form-section>h2 svg{display:inline}.form-section>div{max-height:0;overflow:hidden;transition:max-height .2s ease-out,margin-top .25s ease-out}.form-section>div.active{max-height:1000px;margin-top:1rem;transition:max-height .5s ease-in-out,margin-top .25s ease-in-out}@media(max-width:768px){.form-section>div.active{margin-top:0}}.input-group{min-width:0;display:flex;flex-direction:column;gap:8px}.edu-exp-container>*{padding:8px;margin:0 1rem}.edu-exp-card{border-inline:2px white solid;border-top:2px white solid;border-bottom:2px white solid;border-radius:12px;cursor:pointer;transition:background-color .25s ease,border-bottom .25s ease,border-radius .25s ease;margin:0 1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:16px}.edu-exp-card.active{border-bottom:0px solid transparent;border-radius:12px 12px 0 0}.edu-exp-card:hover{background-color:#202020}.edu-exp-card>button{height:32px;aspect-ratio:1 / 1;background-color:transparent;border:none;border-radius:50%;transition:transform .25s ease-in-out}.edu-exp-card>button:hover{transform:scale(1.25)}.edu-exp-form{max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease,padding .3s ease,border-bottom .3s ease;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr;gap:8px}.edu-exp-form.active{z-index:-1;max-height:500px;padding:8px;border-inline:2px solid white;border-bottom:2px solid white;border-radius:0 0 12px 12px}.edu-exp-cv{padding:4px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(2,auto)}.edu-exp-cv>h3{grid-column:1 / -1}.edu-exp-cv>p:last-child{text-align:end}.work-exp-container>*{padding:8px;margin:0 1rem}.work-exp-card{border-inline:2px white solid;border-top:2px white solid;border-bottom:2px white solid;border-radius:12px;cursor:pointer;transition:max-height .3s ease,padding .3s ease,border-bottom .3s ease;display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:16px}.work-exp-card.active{border-bottom:0px solid transparent;border-radius:12px 12px 0 0}.work-exp-card:hover{background-color:#202020}.work-exp-card>button{height:32px;aspect-ratio:1 / 1;background-color:transparent;border:none;transition:transform .25s ease-in-out}.work-exp-card>button:hover{transform:scale(1.25)}.content{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);align-items:center;align-content:center;column-gap:16px;row-gap:8px}.content>*{text-align:center;overflow:auto}.content>p:last-child{grid-column:1 / -1}.work-exp-form{max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease,padding .3s ease,border-bottom .3s ease;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr;gap:8px}.work-exp-form.active{z-index:-1;max-height:600px;padding:8px;border-inline:2px solid white;border-bottom:2px solid white;border-radius:0 0 12px 12px}.work-exp-form>div:last-child{grid-column:1 / -1}.work-exp-form>div:last-child>textarea{scrollbar-width:thin;grid-column:1 / -1;min-height:5rem;min-width:100%;max-width:100%}.work-exp-cv{padding:4px 16px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.work-exp-cv>h3,.work-exp-cv p:last-child{grid-column:1 / -1}.work-exp-cv>p:nth-child(3){text-align:end}.work-exp-cv>p:last-child{text-align:justify}.container{width:100%;padding:4px 16px;display:flex;flex-direction:column;align-items:center}.container>div:first-child{padding:8px;border:2px solid white;border-radius:12px;width:100%;display:flex;flex-direction:row;gap:12px}.container>div:first-child>input{border:none;padding-inline:12px;flex:1;min-width:0;text-align:center;background-color:#181818;color:#fff;transition:background-color .25s ease}.container>div:first-child>input:hover{background-color:#202020}.container>div:first-child>input:focus{outline:2px solid white}.container>div:first-child>button{width:32px;aspect-ratio:1 / 1;background-color:transparent;cursor:pointer;border:none;border-radius:50%}.container>div:first-child>button>svg{transition:transform .3s linear}.container>ul{overflow:hidden;max-height:0;list-style:none;padding:0;transition:padding .4s ease,max-height .4s ease;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.container>ul.active{max-height:500px;padding:8px 16px}.container>ul>li{border:1px solid black;border-radius:1rem;padding-right:4px;display:flex;flex-direction:row;align-items:center;background-color:#fff}.container>ul>li>*{border:none;background-color:transparent;align-content:center}.container>ul>li>input{text-align:center;border-radius:1rem 0 0 1rem}.container>ul>li>input:focus{outline:none}.container>ul>li>button{transform:translate(2px);border-radius:0 1rem 1rem 0;will-change:transform;transition:transform .2s ease}.container>ul>li>button:hover{transform:translate(2px) scale(1.25)}.actions{margin-top:4px;display:flex;gap:1rem}.actions>button{color:#fff;background-color:transparent;border:2px solid white;border-radius:16px;padding:4px 8px;transition:background-color .1s ease;cursor:pointer}.actions>button:hover{background-color:#202020}@media(max-width:768px){.container>ul>li>input{font-size:.75rem}}