@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap";:root{font-family:Abeezee;font-size:clamp(1rem,1.5vh,2.5rem);background-color:#242424;color:#fff}body{margin:0;height:100vh}#root{display:flex;flex-direction:column;place-items:center;height:100%}.form-body{display:flex;flex:1 1 0;flex-direction:column;width:clamp(900px,50vw,2000px)}@media (max-width: 900px){.form-body{width:100%}}.hidden{display:none!important}button{cursor:pointer;border:none;background-color:transparent;border-radius:5px;transition:.2s background-color ease-in-out}button:hover{background-color:#fff;filter:drop-shadow(0px 0px 10px white)}button:hover>svg{transition:.2s fill ease-in-out;fill:#000}svg{fill:#d3d3d3}.inputWrapper{flex:1 1 0;display:flex;flex-direction:column;min-width:0px}textarea{resize:none;height:250px}input{height:clamp(1.5rem,2vh,3rem);padding-left:10px}input,textarea{border:2px solid lightgray;border-radius:1rem;font-size:clamp(1rem,1.5vh,2.5rem);background-color:#242424;color:#fff;filter:none;transition:.2s filter ease-in-out,.1s border-width ease-in-out}input:hover,textarea:hover{border-width:4px}input:focus,textarea:focus{filter:drop-shadow(0px 0px 10px white)}.section{display:flex;flex-direction:column;padding:1rem;place-content:space-around;border-bottom:2px dotted lightgray;gap:2rem}.section.general{flex:.5 1 0}.section.education,.section.experience{flex:1 1 0}.contacts{width:50%;display:flex;gap:1rem}.name{width:50%}.date,.info{width:50%;display:flex;gap:1rem}.util{display:flex;place-content:flex-end;gap:1rem}.info{flex-direction:column}@media (max-width: 500px){.name,.contacts,.date,.info{width:100%}}