.drag-space{background-image:url(/assets/old_scroll-D7DPneOw.jpg);border-radius:10px}.Modal{background-color:#fff;position:relative;width:50%;height:50%;margin-inline:auto;top:30%;padding:20px;border-radius:20px}.Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1}.modal-window{display:flex;flex-direction:column}.modal-window__input-space{display:flex;flex-direction:column;padding-block:5px;gap:5px;width:100%}.modal-window__input-space--skills,.modal-window__input-space--dimensions{display:flex;gap:10px;flex-direction:row;justify-content:space-between}.modal-window__label{font-weight:500}.modal-window__text-area{width:100%;height:180px;padding:5px;resize:none}.modal-window__buttons{position:absolute;bottom:25px;align-self:flex-end;display:flex;gap:15px}.modal-window__button{padding:10px;background-color:#2563eb;color:#fff;width:10ch;border-radius:20px;border:none;cursor:pointer}.modal-window__button--save{background-color:green}.modal-window__button--save:hover{background-color:#006400}.modal-window__button--delete{background-color:red}.modal-window__button--delete:hover{background-color:#c13938}.add-button{padding:10px;margin:10px;width:100px;aspect-ratio:1/1;position:fixed;bottom:65px;left:60px;cursor:pointer;font-weight:bolder;font-size:3rem;border-radius:50px;background-color:#c13938;color:#fff}.drag-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid black;border-radius:10px;text-align:center;cursor:pointer;overflow-wrap:break-word;background-color:transparent;position:absolute;background-color:#ffffff4d}.drag-box__name{font-weight:700;font-size:3rem}.drag-box__text{padding:10px;background-color:#ffffff4d}.drag-box__text-area{background-color:transparent;width:100%;height:100%;resize:none;border:none;font-weight:700;font-size:1.2rem}.drag-box__portrait,.drag-box__portrait img{border-radius:100px}.drag-box__skill-button{padding:20px;color:#fff;background-color:#c13938;border-radius:20px;width:95%}.home{width:fit-content;margin-inline:auto;position:relative}.header{display:flex;justify-content:center;align-items:center;border-bottom:1px solid black;padding:10px;margin-bottom:10px}.header__alignment{width:1020px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header__logo{width:100px}.header__title{font-size:4rem}.header__button{width:10ch;padding:10px;background-color:#c13938;color:#fff;border-radius:20px;border:none;cursor:pointer}.header__button:hover{background-color:#992d2d}.footer{margin-top:10px;padding:20px;border-top:1px solid black;display:flex;justify-content:center;align-items:center}.footer__alignment{width:1020px;display:flex;align-items:center;justify-content:space-between}@font-face{font-family:RobotoFlex;font-weight:100 900;font-style:normal;src:url(/assets/RobotoFlex-VariableFont_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght-Bw91huTR.ttf) format("truetype")}@font-face{font-family:RobotoSlab;font-weight:100 900;font-style:normal;src:url(/assets/RobotoSlab-VariableFont_wght-lsYfCJE0.ttf) format("truetype")}@font-face{font-family:RobotoMono;font-weight:100 900;font-style:normal;src:url(/assets/RobotoMono-VariableFont_wght-Be6w_Krw.ttf) format("truetype")}@font-face{font-family:RobotoMono;font-weight:100 900;font-style:italic;src:url(/assets/RobotoMono-Italic-VariableFont_wght-BjKlAK0a.ttf) format("truetype")}@font-face{font-family:Sora;font-weight:100 900;font-style:italic;src:url(/assets/Sora-VariableFont_wght-B-NSZvbM.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:RobotoSlab}a,input,textarea{font:inherit;color:inherit}a{text-decoration:none}