*{box-sizing:border-box;letter-spacing:1px;margin:0;font-family:Roboto,sans-serif,Helvetica}body{color:#2a2a2a;background-color:#f4f4f4}hr{border:1px solid #f0f0f0}h3{font-size:1rem;font-weight:500}ul li{margin-top:5px}main>.container{justify-content:center;gap:16px;padding:4px 8px;display:flex}main .sidebar{transform-origin:100% 0;min-width:420px;display:flex}main .sidebar nav{background-color:gray;flex:0;padding:14px 8px}main .sidebar section.editor{flex-direction:column;gap:16px;width:100%;padding-top:2rem;display:flex}main .sidebar section.editor>div{background-color:#fff;border-radius:1rem;padding:1.5rem 1rem;box-shadow:0 0 9px #dadada}main .sidebar section.editor>div .container{flex-direction:column;gap:1rem;display:flex}main .sidebar section.editor>div .container>div{background-color:#fbfeff;border:1px solid #c8c8c8;border-radius:12px;overflow:hidden}main .sidebar section.editor>div .side-item{justify-content:space-between;display:flex}main .sidebar section.editor>div .side-item:hover{background-color:#f4fafc}main .sidebar section.editor>div .side-item button:first-child{text-align:left;flex-grow:1}main .sidebar section.editor>div .side-item button{cursor:pointer;background-color:#0000;border:none;padding:6px 10px}main .sidebar section.editor>div .side-item button svg{fill:#c83232;transition:all .2s ease-in-out}main .sidebar section.editor>div .side-item button:hover svg{fill:red;scale:1.1}main .sidebar section.editor form{padding:10px}main .sidebar section.editor .form-input{flex-direction:column;gap:2px;display:flex}main .sidebar section.editor .form-input input,main .sidebar section.editor .form-input textarea,main .sidebar section.editor .form-button{border:1px solid #d9d8e5;border-radius:6px;padding:8px 6px;font-size:.9rem}main .sidebar section.editor .form-input input:focus,main .sidebar section.editor .form-input textarea:focus{outline:2px solid #007bff66}main .sidebar section.editor .form-input textarea{resize:vertical;width:100%;min-height:50px}main .sidebar section.editor .form-input label{color:#1c1c1c;font-size:.9rem;font-weight:600}main .sidebar section.editor .responsibilities{flex-direction:column;gap:.8rem;display:flex}main .sidebar section.editor .responsibilities .side-item{gap:1rem}main .sidebar section.editor .form-button{cursor:pointer;color:#005bbb;margin-top:1rem;font-size:1rem;font-weight:600;transition:all .3s ease-in-out}main .sidebar section.editor .form-button:hover{background-color:#007bff10;border:1px solid #005bbb}main .sidebar svg{fill:#323232;width:30px}main .sidebar>div{background-color:#fff;border-radius:10px;padding:30px 20px;box-shadow:1px 1px 9px #e6e6e6}main .sidebar .title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}main .sidebar .title>span{align-items:center;gap:14px;display:flex}main .sidebar form{flex-direction:column;gap:14px;display:flex}main .sidebar form .form-input{flex-direction:column;display:flex}main .sidebar form .date-group{gap:10px;display:flex}main>.container>.preview{transform-origin:0 0;justify-content:center;display:flex}main .container .resume{background-color:#fff;width:21cm;min-height:29.7cm;margin-top:30px;position:relative;box-shadow:1px 1px 9px #dedede}main .resume>.resume-header{background-color:#ffe1e6;flex-direction:column;align-items:center;gap:1.4rem;padding:2.5rem 0;display:flex}main .resume>.resume-header .details{justify-content:center;gap:2rem;display:flex}main .resume>.resume-header .details>span{align-items:center;gap:4px;font-size:1rem;display:flex}main .resume>.resume-header .details svg{width:1.6rem}main .resume-content section>h2{text-transform:uppercase;padding:1rem 0}main .resume>.resume-content{flex-direction:column;gap:1rem;padding:1rem 3rem;display:flex}main .resume .list-container{flex-direction:column;gap:1.6rem;display:flex}main .resume section .list-container .right{flex-direction:column;align-items:end;gap:.3rem;display:flex}main .resume section .list-container .list-item{flex-direction:column;gap:.4rem;width:100%;display:flex}main .resume section .list-container .list-item>div{justify-content:space-between;display:flex}main .resume svg{width:1.4rem}@media (width>=1000px) and (width<=1200px){main>.container .preview{flex-shrink:0;margin-bottom:-200px;margin-right:-160px;overflow:hidden;scale:.8}main>.container .sidebar{margin-left:-40px;scale:.9}}@media (width>=900px) and (width<=1000px){main>.container .preview{margin-bottom:-300px;margin-right:-160px;scale:.7}main>.container .sidebar{scale:.8}}@media (width<=900px){main{padding:0 8px}main>.container{flex-direction:column}main>.container .preview{transform-origin:top;margin-bottom:-200px;margin-left:-100px;margin-right:-100px;scale:.8}}