*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;font-family:deathnote;font-weight:700;font-size:20px}body{background-image:url(/assets/lightbg-055e2bfa.png);background-repeat:no-repeat;background-size:cover}.App{width:100%;padding:2rem;display:flex;gap:2rem}.fields{display:flex;flex-direction:column;gap:1.5rem;width:100%}.resume{width:100%;display:flex;justify-content:center}.HeaderBox{background:#1c1c1c;color:#fff;padding:1.5rem 2rem;border-radius:20px;display:flex;flex-direction:column;gap:2rem}.topSection{display:flex;justify-content:space-between;align-items:center}.iconSection{display:flex;gap:2rem}.icon{cursor:pointer;transition:.2s}.icon:active{transform:scale(.8)}.bottomSection{margin:0 auto;display:flex;gap:1rem;justify-content:center;align-items:center}.link{outline:none;text-decoration:none;color:#fff;padding:.5rem 1rem;background:#242424;border-radius:12px;transition:.3s ease-in-out}.link>span{margin-left:.5rem;transition:.3s ease-in-out}.link:hover{background:#2e2e2e}.link:hover span{color:red}.link:active{transform:scale(.9)}.Gradient{background:#1c1c1c;color:#fff;padding:2rem;border-radius:20px;display:flex;flex-direction:column;gap:1rem}.colorBox{display:flex;justify-content:space-evenly;gap:1rem}.color{visibility:hidden}#colorPicker1,#colorPicker2{padding:1rem;border-radius:40px;cursor:pointer;width:100%;transition:.3s ease-in-out}#colorPicker1:hover,#colorPicker2:hover{transform:scale(1.04)}.PersonalDataForm{background:#1c1c1c;color:#fff;padding:2rem;border-radius:20px;display:flex;flex-direction:column;gap:1rem}.heading{display:flex;align-items:center;gap:12px}.fullname{display:flex;gap:1rem}.fullname>input{color:#fff;width:100%;padding:1rem;background:#292929;outline:none;border:none;border-radius:14px;font-size:100%;transition:.3s ease-in-out}input{color:#fff;padding:1rem;background:#292929;outline:none;border:none;border-radius:14px;font-size:100%;transition:.3s ease-in-out}#file{display:none}#filepicture{padding:1rem;background:#292929;border-radius:14px;font-size:100%;cursor:pointer;width:100%;transition:.3s ease-in-out;word-break:break-word}#filepicture:hover,#filepicture:focus{background:#2b4a49}textarea{width:100%;color:#fff;padding:1rem;background:#292929;outline:none;border:none;border-radius:14px;font-size:100%;font-family:inherit;resize:none;transition:.3s ease-in-out}textarea:focus,textarea:hover{background:#2b4a49}.ExperienceForm{background:#1c1c1c;color:#fff;padding:2rem;border-radius:20px;display:flex;flex-direction:column;gap:1rem}.subHeading{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.experienceRow{width:100%;display:flex;flex-direction:column;gap:1rem}.EducationForm,.SkillsSection{background:#1c1c1c;color:#fff;padding:2rem;border-radius:20px;display:flex;flex-direction:column;gap:1rem}.skillRow{display:flex;gap:1rem;justify-content:center;align-items:center}.skillRow>input{color:#fff;width:100%;padding:1rem;background:#292929;outline:none;border:none;border-radius:14px;font-size:100%;transition:.3s ease-in-out}.Btn{display:flex;justify-content:center;align-items:center;outline:none;border:none;background:#292929;color:var(--accent);border-radius:14px;padding:.5rem;width:15%;transition:.3s ease-in-out;cursor:pointer}.Btn:hover{background:#01f351}.AddSymbol{transition:.3s ease-in-out}.Btn:hover .AddSymbol{color:#000}.Btn:active{transform:scale(.8)}.ContactForm{background:#1c1c1c;color:#fff;padding:2rem;border-radius:20px;display:flex;flex-direction:column;gap:1rem}.contactMe{display:flex;gap:1rem}.contactMe>input{color:#fff;width:100%;padding:1rem;background:#292929;outline:none;border:none;border-radius:14px;font-size:100%;transition:.3s ease-in-out}input:hover,input:focus{background:#2b4a49}.ResumePreview{height:29.7cm;width:21cm;position:sticky;top:2rem;padding:2rem 5rem;font-size:15px;word-spacing:2px;color:#fff}.ResumeTop{display:flex;flex-direction:column;gap:1.5rem;border-bottom:4px solid black}.Header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.imgContainer{width:180px;height:180px;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:clip;flex-shrink:0}.imgContainer>img{width:180px;height:auto;border-radius:50%;border:4px solid black}.HeadTag{display:flex;flex-direction:column;gap:.5rem}.HeadTag>h1{font-size:50px;word-break:break-all}.HeadTag>span{display:flex;justify-content:center;align-items:center;padding:.5rem;color:#fff;font-size:20px;border-radius:20px;background:rgb(0,0,0);max-width:280px}.ResumeTop>p{font-style:italic;word-break:break-word;margin-bottom:20px;line-height:1.1}.ResumeMiddle{border-bottom:4px solid black;display:flex;flex-direction:column;gap:8px}.ResumeMiddle>h1{margin-top:20px;font-size:30px}.experiences{display:flex;justify-content:space-between;gap:2rem;word-break:break-all}.experienceContainer{display:flex;flex-direction:column;gap:.5rem;word-break:break-all}.experienceContainer>h3{color:#fff;filter:drop-shadow(2px 2px 2px black)}.workDescription{margin-bottom:20px;word-spacing:-1px}.educationSkills{display:flex;justify-content:space-between;gap:2rem;padding-bottom:20px}.head{font-size:30px}.educationContainer{display:flex;flex-direction:column;gap:.5rem;max-width:310px;word-break:break-all}.educationContainer>h3{color:#fff;filter:drop-shadow(2px 2px 2px black)}.educationContainer>p{word-spacing:-1px}.skillsContainer{display:flex;flex-direction:column;gap:.5rem;width:320px;align-self:flex-start}.skillGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;word-break:break-all}.list{background-color:#000;color:#fff;padding:.4rem;border-radius:14px;text-align:center}.BottomSection{margin-top:20px;display:flex;gap:50px}.ColumnContainer{display:flex;flex-direction:column;gap:40px;width:302px;height:100%}.sec{display:flex;flex-direction:row;gap:10px;align-items:center}.sec>p{word-break:break-all}.logos{background:black;color:#fff;padding:10px;border-radius:50%}.portfolio{text-decoration:none;color:#fff;position:relative;overflow:hidden;display:inline-block}@media (max-width:1340px){.SkillsSection{width:100%;margin:0 auto}*{font-size:10px}.App{flex-direction:column;gap:2rem}.ResumePreview{position:static;margin:0 auto}.ContactForm,.HeaderBox,.PersonalDataForm,.EducationForm,.ExperienceForm{width:100%;margin:0 auto}}@media (max-width:870px){.ResumePreview{flex-shrink:0;transform:scale(.9);margin:-40px 0}}@media (max-width:790px){.ResumePreview{transform:scale(.8);margin:-100px 0}}@media (max-width:710px){.ResumePreview{transform:scale(.7);margin:-160px 0}}@media (max-width:630px){.ResumePreview{transform:scale(.6);margin:-220px 0}}@media (max-width:548px){.ResumePreview{transform:scale(.5);margin:-280px 0}}@media (max-width:460px){.ResumePreview{transform:scale(.4);margin:-340px 0}}@media (max-width:370px){.ResumePreview{transform:scale(.35);margin:-370px 0}}@media print{body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact}}@font-face{font-family:deathnote;src:url(/assets/DeathNote-ef487c95.ttf),url(/assets/DeathNote-ef487c95.ttf) format("tff")}