@import url(https://fonts.googleapis.com/css2?family=Saira+Stencil:ital,wght@0,100..900;1,100..900&display=swap);*{margin:0;padding:0}body{background-color:#f8dc8a;color:#b08402;font-family:Saira Stencil,sans-serif;font-weight:300}header{align-items:center;background-color:#fabc00;color:#feecb7;display:flex;flex-direction:row;font-size:30px;font-weight:600;justify-content:space-between;padding:20px 100px;position:fixed;width:100%;@media (max-width:500px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.header__title{min-width:200px}main{float:left;margin:150px 100px;min-width:50%}main .user{background-color:#e2c46c84;display:flex;flex-direction:column;margin-bottom:50px;padding:20px}main img{height:150px;width:150px}main .icon{color:#997405;cursor:pointer;float:right;margin-right:25px;transform:scale(1)}main .icon:hover{opacity:.7}aside{float:left;height:100%;margin-left:5%;margin-top:150px;width:20%;@media (max-width:1200px){align-items:center;background:#0009;display:flex;height:100%;justify-content:center;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;position:fixed;right:-100%;top:0;transition:.3s;width:100%}}.open{@media (max-width:1200px){right:0}}.form_input{background:#d6ba66;border:0;font-size:15px;margin-bottom:10px;outline:0;padding:15px 5%;width:90%}.form_input,input::placeholder{color:#997405;font-family:Saira Stencil,sans-serif;font-weight:300}.form_input-checkbox{display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:15px 5%}.button,.form_input-checkbox{background:#d6ba66;color:#997405}.button{border:0;cursor:pointer;font-family:Saira Stencil,sans-serif;font-size:15px;font-weight:300;outline:0;padding:15px 0;transition:transform .5s ease;width:100%}.button:hover{transform:scale(1.03)}.header__button{margin-right:200px;max-width:300px;min-width:115px;@media (min-width:1200px){display:none}}.cross{align-self:flex-end;cursor:pointer;display:flex;flex-direction:column;height:30px;width:30px}.cross__line{border:1.5px solid #997405;@media (min-width:1200px){display:none}}.cross__line:first-child{transform:rotate(-45deg)}.cross__line:last-child{transform:translateY(-3px) rotate(45deg)}.user .form{align-self:center}.user .form .cross{display:none}.form{display:flex;flex-direction:column;right:20px;@media (max-width:1200px){display:flex;flex-direction:column;gap:20px;width:60%}}
/*# sourceMappingURL=main.cab0a918.css.map*/