*{box-sizing:border-box;margin:0;padding:0}:root{--main-color-d:#175e74;--main-color-l:#56c2e3;--font-resume-small:15px;--font-resume-subtitle:16px;--font-resume-title:18px;--font-resume-header:22px;--resume-name:40px}.flex{display:flex}.flex-ali{align-items:center}.grid{display:grid}.flex-col{flex-direction:column}.center{text-align:center}#main-container{grid-template-columns:1.7fr 2fr;max-width:2400px}#edit-section,#resume-section{min-height:100vh;padding:25px}#edit-section{border-right:2px solid #000;font-family:Ubuntu;position:relative}#title{text-align:center;color:var(--main-color-d)}.header{color:var(--main-color-d);font-weight:bolder}#edit-section>div{margin-bottom:20px}#message{text-align:right;margin-bottom:60px}#resume{border:2px solid #000;border-radius:5px;max-width:800px;min-height:90%;margin:5px 75px;padding:20px;position:fixed}#advice{position:absolute;bottom:5px;left:5px}#save{position:absolute;top:10px;right:15px}.required-marker{color:red}@media screen and (width<=1000px){#main-container{grid-template-columns:1fr}#resume-section{place-items:center;display:grid}#resume{margin:0;position:static}#edit-section{min-height:50vh}#message{margin-bottom:0}#advice{display:none}}@media screen and (width>=1000px) and (width<=1350px){#main-container{grid-template-columns:1fr 2fr}#resume{margin:5px 20px}}@media screen and (width>=1900px){body{place-items:center;display:grid}#edit-section{border:2px solid #000}}.input input{padding:5px;font-size:14px}.input input:focus{outline:var(--main-color-l);border:2px solid var(--main-color-l)}.input,.input label{margin-bottom:5px}.input label{font-size:18px;font-weight:700}.experience-form.open,.experience-dropdown{margin-bottom:10px}.experience-dropdown{cursor:pointer;justify-content:space-between}.experience-container{border:1px solid #000;border-radius:10px;padding:10px;position:relative}.experience-form{height:0;position:relative;overflow:hidden}.experience-entry{cursor:pointer;border:3px solid #000;border-radius:10px;justify-content:space-between;margin-bottom:15px;padding:10px;transition:all .2s ease-in}.experience-entry:first-of-type{margin-top:10px}.experience-entry:hover{border-color:#02a2ff}button{cursor:pointer;background-color:#fff;border-radius:5px;padding:5px 10px;font-weight:bolder;transition:all .2s ease-in}button:hover{background-color:var(--main-color-l);scale:1.2}.experience-form.open{animation:.6s forwards accourdian-down}.experience-form.close{animation:.2s forwards accourdian-up}.form-back,.form-buttons,.add-experience-btn{position:absolute;bottom:5px}.form-buttons,.entry-operations,.entry-main{gap:10px}.add-experience-btn{right:15px}.form-back{left:10px}.form-buttons{right:5px}@keyframes accourdian-up{0%{height:350px}to{height:0}}@keyframes accourdian-down{0%{height:0}to{height:350px}}#resume-name{font-size:var(--resume-name)}.resume-header-info{justify-content:center;gap:10px}.resume-personal-info{font-size:var(--font-resume-small)}.resume-experience-subtitle{font-size:var(--font-resume-subtitle)}.resume-experience-title{font-size:var(--font-resume-title)}.resume-section-header{font-size:var(--font-resume-header);margin-top:5px}.resume-section{margin-top:5px;margin-left:15px}.work-main,.education-main,.project-main{justify-content:space-between}ul{margin-left:30px}ul li:first-of-type{margin-top:5px}