*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}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}#root,#__next{isolation:isolate}body,p,h1,h2,h3,h4,h5,h6,span,a,li,td,th,div{word-break:break-word}.alert{background-color:#f44336;display:flex;align-items:center;border-radius:2ch;max-width:500px;padding:16px;gap:8px;margin:0 auto;box-shadow:2px 4px 8px #0000004d;animation:alert-animation 1s ease-in-out}.alert img{height:35px}.alert p{color:#fff;font-weight:700;font-size:16px;text-align:center}@keyframes alert-animation{0%{opacity:0;transform:translateY(-10px)}to{opacity:10;transform:translateY(0)}}.button-wrapper{display:flex;justify-content:flex-end;gap:8px}button{display:flex;justify-content:center;align-items:center;border:none;background-color:var(--button-bg);border-radius:2ch;box-shadow:2px 4px 8px #0003;margin-top:12px;cursor:pointer;margin-bottom:8px}button.long-button{width:100%;padding:8px}button.small-button{width:32px;height:32px}button.squared-button{width:50px;height:50px}.title button{position:absolute;align-self:flex-end}.title-edit{opacity:0;transition:opacity .5s ease-in-out}.title:hover .title-edit,.title:focus-within .title-edit{opacity:1}.title-submit:hover img{animation:rotate .5s ease-in-out both}.contact-edit{position:absolute;align-self:flex-end;top:10px}.contact-edit{opacity:0;transition:opacity .5s ease-in-out}.contact:hover .contact-edit,.contact:focus-within .contact-edit{opacity:1}.contact-submit span{opacity:0;transform:translate(40px);transition:opacity .2s ease-in-out,transform .4s ease-in-out}.contact-submit:hover span{opacity:1;transform:translate(0)}.contact-submit img{transform:translate(30px);transition:transform .45s ease-in-out}.contact-submit:hover img{transform:translate(0)}.education-entry .button-wrapper{max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.education-entry:hover .button-wrapper,.education-entry:focus-within .button-wrapper{max-height:100px;opacity:1;transform:translateY(0)}.education-submit span{opacity:0;transform:translate(40px);transition:opacity .2s ease-in-out,transform .4s ease-in-out}.education-submit:hover span{opacity:1;transform:translate(0)}.education-submit img{transform:translate(30px);transition:transform .45s ease-in-out}.education-submit:hover img{transform:translate(0)}.education-add{background-color:var(--secondary-color);opacity:20%;box-shadow:none;transition:background-color .5s ease-in-out,opacity .5s ease-in-out,box-shadow .5s ease-in-out}.education-add:hover{background-color:var(--button-bg);opacity:100;box-shadow:2px 4px 8px #0003}.skill .button-wrapper{max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.skill:hover .button-wrapper,.skill:focus-within .button-wrapper{max-height:100px;opacity:1;transform:translateY(0)}.skills-submit span{opacity:0;transform:translate(40px);transition:opacity .2s ease-in-out,transform .4s ease-in-out}.skills-submit:hover span{opacity:1;transform:translate(0)}.skills-submit img{transform:translate(30px);transition:transform .45s ease-in-out}.skills-submit:hover img{transform:translate(0)}.skills-add{background-color:var(--secondary-color);opacity:20%;box-shadow:none;transition:background-color .5s ease-in-out,opacity .5s ease-in-out,box-shadow .5s ease-in-out}.skills-add:hover{background-color:var(--button-bg);opacity:100;box-shadow:2px 4px 8px #0003}.language .button-wrapper{max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.language:hover .button-wrapper,.language:focus-within .button-wrapper{max-height:100px;opacity:1;transform:translateY(0)}.languages-submit span{opacity:0;transform:translate(40px);transition:opacity .2s ease-in-out,transform .4s ease-in-out}.languages-submit:hover span{opacity:1;transform:translate(0)}.languages-submit img{transform:translate(30px);transition:transform .45s ease-in-out}.languages-submit:hover img{transform:translate(0)}.languages-add{background-color:var(--secondary-color);opacity:20%;box-shadow:none;transition:background-color .5s ease-in-out,opacity .5s ease-in-out,box-shadow .5s ease-in-out}.languages-add:hover{background-color:var(--button-bg);opacity:100;box-shadow:2px 4px 8px #0003}.summary-edit{align-self:flex-end}.summary-edit{opacity:0;transition:opacity .5s ease-in-out}.summary:hover .summary-edit,.summary:focus-within .summary-edit{opacity:1}.summary-submit span{opacity:0;transform:translate(40px);transition:opacity .2s ease-in-out,transform .4s ease-in-out}.summary-submit:hover span{opacity:1;transform:translate(0)}.summary-submit img{transform:translate(30px);transition:transform .45s ease-in-out}.summary-submit:hover img{transform:translate(0)}.experience .button-wrapper{max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.experience:hover .button-wrapper,.experience:focus-within .button-wrapper{max-height:100px;opacity:1;transform:translateY(0)}.experience-submit span{opacity:0;transform:translate(40px);transition:opacity .2s ease-in-out,transform .4s ease-in-out}.experience-submit:hover span{opacity:1;transform:translate(0)}.experience-submit img{transform:translate(30px);transition:transform .45s ease-in-out}.experience-submit:hover img{transform:translate(0)}.experience-add{background-color:var(--secondary-color);opacity:20%;box-shadow:none;transition:background-color .5s ease-in-out,opacity .5s ease-in-out,box-shadow .5s ease-in-out}.experience-add:hover{background-color:var(--button-bg);opacity:100;box-shadow:2px 4px 8px #0003}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title.component-container{border-top:2px var(--border-color) solid}.title>*{text-align:center}.title>form>*{align-items:center;text-align:center}input.fullname,input.position{outline:none;border:none;background:none;height:auto;padding-left:0}input.fullname,input.position{font-weight:100}input.fullname:focus,input.position:focus{outline:none;border:none;background:none}input.fullname::placeholder{font-size:4rem;font-weight:800}input.position::placeholder{font-size:2rem;font-weight:300}.fullname{font-size:4rem}.position{font-size:2rem;font-weight:300;height:50px}.contact-entry{display:flex;flex-direction:row;gap:8px}.contact-entry img{height:24px}.summary.component-container{border:none}.education-entry{display:flex;flex-direction:column}.education-entry-description{padding-left:8px}.languages.component-container{border:none}.experience.component-container{border:none}.experience-row{display:flex;justify-content:space-between;padding-bottom:8px}.left-column{display:flex;flex-direction:column}.description-output{align-self:center;padding-left:8px}.experience-years{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:200px}.experience-company-name{font-weight:400}.experience-company-position,.experience-output-years{font-weight:300}:root{font-family:Roboto,Times New Roman;--secondary-color: #ffffff;--background-color: #00448d;--border-color: #525252;--button-bg: #8eb5ff;--font-color: #4e4e4e;--secondary-font-color: #555555;--placeholder-color: #c0c0c0;--left-width: 35%;--right-width: calc(100% - var(--left-width))}body,html{margin:0;padding:0}body{background-color:var(--background-color);display:flex;flex-direction:column;align-items:center}.editor{background-color:var(--secondary-color);height:auto;padding:16px;margin-top:16px;border-radius:1ch}.container{display:flex;flex-direction:column;height:100%}.main{flex-direction:row;border-bottom:2px var(--border-color) solid}.left,.right{align-items:center;padding:16px;gap:16px}.left{width:var(--left-width);border-right:2px var(--border-color) solid}.right{width:var(--right-width)}.years{display:flex;height:100%;flex-direction:column;justify-content:space-between;gap:8px}.component-container{display:flex;flex-direction:column;position:relative;width:100%;height:100%;border-bottom:2px var(--border-color) solid;gap:8px;padding:16px 0}form{display:flex;flex-direction:column}input,select{border-radius:1ch;height:2rem;border:1px var(--border-color) dashed}select{background-color:#fff;text-align:center}input::placeholder,textarea::placeholder{color:var(--placeholder-color);font-size:1rem}input:focus{border:none;outline:1px solid}input,textarea{padding-left:.5rem}textarea{resize:none;min-height:10vh;border:1px var(--border-color) dashed;border-radius:2ch}textarea:focus{border:none;outline:1px solid}h1{color:var(--font-color);font-weight:800}h2{color:var(--font-color);text-transform:uppercase;font-size:2rem}h3{font-weight:500}p{color:var(--secondary-font-color);font-weight:500;font-size:.9rem}label{font-weight:500;padding:4px 0}ul{padding-left:20px}@media (max-width: 1080px){.editor{width:720px}}@media (min-width: 1080px){.editor{min-width:900px;max-width:auto}}