#root{padding:0;margin:0;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Apple Color Emoji",Helvetica,Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol;scrollbar-width:thin}:root{--resume-color: #323b4c}.editor{padding:5vh 5vw 12vh}.editor h1{width:100%;text-align:center;background-color:#575b64;color:#fff;padding:2vh 0px;border-radius:12px;font-size:2rem;margin-bottom:5vh}.editor h2{font-size:1.375rem;width:100%;border-bottom:2px solid #adb5bd;padding-bottom:.5vh;margin:5vh 0px 2vh}.editor form{display:grid;grid-template:auto / repeat(2,1fr);gap:10px}.editor form label{display:flex;flex-direction:column;color:#000;gap:4px;font-size:.8rem}.editor form input,.editor form textarea{background-color:#e9ecef;border:none;outline:none;padding:8px 10px;font-size:.8rem;border-radius:5px}.editor form input::placeholder,.editor form textarea::placeholder{color:#adb5bd}.editor form input:focus,.editor form input:hover{outline:1.5px solid #575b64;caret-color:#575b64}.editor form label[for^=description],.editor form label[for=about]{grid-column:1 / 3;margin-bottom:10px}.editor form label[for^=date]{display:grid;grid-template-columns:repeat(2,1fr),repeat(2,1fr);column-gap:10px}.editor form label[for^=date] input:first-child{grid-row:2;grid-column:1 / 2}.editor form label[for^=date] input:last-child{grid-row:2;grid-column:2 / 3}.editor form label[for=file]{grid-column:1 / 3;justify-self:center}.editor form label[for=file] input{color:#737373}.editor form textarea{resize:none;scrollbar-width:thin}.editor form .buttons{display:flex;grid-column:1 / 3;width:100%;gap:5px}.editor form .buttons button{font-size:.75rem;cursor:pointer;padding:5px 20px;outline:none;border:none;border-radius:5px}.editor form .buttons button:hover{box-shadow:2px 2px 3px #0003}.editor form .buttons .delete{background-color:#adb5bd;color:#fff;border:1px solid #adb5bd;margin-left:0;margin-right:auto}.editor form .buttons .cancel{border:1px solid #575b64;background-color:#fff;color:#000;box-sizing:border-box}.editor form .buttons .save{background:#d3d4d4;color:#000;border:1px solid #575b64}.editor #skills{display:block}.editor #skills ul li{display:grid;align-items:center;grid-template-columns:30% 65% 5%;gap:10px;list-style:none;margin-bottom:10px}.editor #skills ul li svg{background:transparent;border:none;cursor:pointer;color:#737373;transition:transform .2s ease-out}.editor #skills ul li svg:hover{transform:scale(1.1)}.editor #languages{display:block;position:relative;width:20ch;margin-bottom:2vh}.editor #languages input{width:100%;border-radius:none;overflow-x:auto;padding-right:40px}.editor #languages button{position:absolute;top:3px;right:10px;background-color:transparent;outline:none;border:none;color:#adb5bd;cursor:pointer}.editor #languagePool button{text-align:center;background-color:#575b64;color:#fff;font-size:.8rem;padding:5px 20px;border-radius:8px;border:none;cursor:pointer;margin-right:8px}.editor #languagePool button:hover{text-decoration:2px solid white line-through}.editor .add{margin-top:10px;font-weight:500;display:flex;width:100%;align-items:center;justify-content:center;color:#000;border-radius:5px;transition:all .35s ease-out;cursor:pointer;padding:5px 0;font-size:.9rem}.editor .add:hover{background-color:#bfc4c9}.editor .stack{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.editor .stack .employment-layer{padding:15px 25px 15px 15px;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;border:2px solid #adb5bd;border-radius:8px;overflow-wrap:break-word}.editor .stack .employment-layer span{overflow-wrap:break-word;font-weight:200}.editor .stack .employment-layer svg{min-width:20px;transition:transform .2s ease-out}.editor .stack .employment-layer svg:hover{transform:scale(1.2);cursor:pointer}.resume{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.resume .page{margin:50px;display:grid;grid-template-columns:35% 65%;background-color:#fff;height:842px;width:595px}.resume .page .side{display:flex;flex-direction:column;background-color:var(--resume-color);height:842px;overflow:hidden}.resume .page .side h2{font-size:1.1rem;padding-bottom:5px;color:#fff;width:100%;border-bottom:1px solid white;margin-bottom:15px;margin-left:20%}.resume .page .side ul{list-style:none;margin-left:20%;margin-bottom:20px;padding-left:0}.resume .page .side ul li{font-size:.65rem;font-weight:700;color:#fff;margin-bottom:10px}.resume .page .side ul li span{font-weight:200;font-size:.5rem}.resume .page .main{padding:60px 25px;height:842px;overflow:hidden}.resume .page .main>h1{font-size:2rem;letter-spacing:.15rem;font-weight:600;margin-bottom:2px}.resume .page .main>h1 span{font-size:2rem;letter-spacing:.2rem;font-weight:300}.resume .page .main h1{color:var(--resume-color)}.resume .page .main>h2{color:var(--resume-color);font-size:.95rem;letter-spacing:.2rem;font-weight:400;margin-bottom:5px}.resume .page .main>p{font-size:.6rem;color:#737373;min-height:70px}.resume .page .main .cv{position:relative;margin-top:2vh}.resume .page .main .cv h1{font-size:1.15rem;font-weight:700;border-bottom:1px solid var(--resume-color);padding-bottom:4px;margin-bottom:20px}.resume .page .main .cv .cv-box{padding-left:15px;position:relative;color:#737373}.resume .page .main .cv .cv-box .cv-box-header:before{position:absolute;left:0;top:3px;content:" ";height:5px;width:5px;background-color:#fff;border:1.5px solid var(--resume-color);border-radius:50%}.resume .page .main .cv .cv-box .cv-box-header{display:grid;align-items:center;grid-template-columns:repeat(2,1fr);margin-bottom:12px;row-gap:4px}.resume .page .main .cv .cv-box .cv-box-header h2{grid-column:1;grid-row:1;font-size:.8rem;font-weight:700}.resume .page .main .cv .cv-box .cv-box-header .date-cv{grid-column:2;grid-row:1;font-size:.6rem;font-weight:700;justify-self:end}.resume .page .main .cv .cv-box .cv-box-header .location-cv{grid-column:1/ 3;grid-row:2;font-size:.6rem}.resume .page .main .cv .cv-box .cv-box-description{margin-bottom:20px}.resume .page .main .cv .cv-box .cv-box-description p{text-align:justify;font-size:.5rem}.resume .page .main .cv .cv-box .cv-box-skills ul{margin-top:-5px}.resume .page .main .cv .cv-box .cv-box-skills ul li{display:grid;grid-template-columns:40% 60%;list-style:none;font-size:.5rem;font-weight:700;border-bottom:.5px solid #adb5bd50;padding-bottom:2px;margin-bottom:2px}.resume .page .main .cv .cv-box .cv-box-skills ul li span{grid-column:2;font-size:.5rem;font-weight:300}.resume .page .main .cv:before{height:calc(100% - 45px);position:absolute;content:" ";width:1px;background-color:var(--resume-color);margin-left:3.8px;margin-top:52px}.resume #download{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);padding:0 20px;align-items:center;height:35px;background-color:#323639;box-shadow:0 -2px 8px #00000017,0 4px 8px #0000000f,0 1px 2px #0000004d,0 2px 6px #00000026;width:inherit}.resume #download .colors{grid-column:1;display:flex;gap:5px}.resume #download .colors .color{z-index:-1;height:20px;width:20px;border:2px solid white;border-radius:50%;animation:slide-in 1s}.resume #download .colors .c-selector{z-index:1;background:linear-gradient(45deg,#b21d1d,#b28d1d,#b2a91d,#9fb21d,#67b21d,#30b21d,#1db226,#1db242,#1db2b2,#1d42b2,#1d26b2,#301db2,#671db2,#9f1db2,#b21da9,#b21d8d,#b21d1d 0%,#b28d1d 12.5%,#b2a91d,#9fb21d 18.75%,#67b21d,#30b21d 31.25%,#1db226,#1db242 37.5%,#1db2b2,#1d42b2 62.5%,#1d26b2,#301db2 68.75%,#671db2,#9f1db2 81.25%,#b21da9,#b21d8d 87.5%,#b21d1d);margin-right:10px;height:20px;width:20px;border:2px solid white;border-radius:50%}.resume #download .download_pdf{justify-self:center}.resume #download button{border:none;background-color:transparent;transition:transform .3s ease-out;cursor:pointer}.resume #download button:hover{transform:scale(1.2)}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}