span.inputComponent{margin:10px}span.inputComponent input{border-radius:5px;padding:1rem;width:95%;background-color:#d9d9d9;border:none;font-size:1rem}@media (max-width: 700px){span.inputComponent input{padding:.5rem;font-size:.8rem}}span.inputComponent div.error p{justify-content:flex-end;text-align:end;flex-direction:column;font-size:.7rem;display:none}span.inputComponent.error input{border:1px solid #ed0505}span.inputComponent.error div.error p{display:flex;color:#ed0505}div.bannerComponent{width:100dvw;height:10dvh;background:url(/background.svg);background-size:contain;background-repeat:repeat-x}main#mainPage div#mainPage{width:85vw;max-width:700px;margin:0 auto}main#mainPage div#mainPage h1{padding:.5rem}main#mainPage div#mainPage div#profile{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 700px){main#mainPage div#mainPage div#profile{gap:.5rem}main#mainPage div#mainPage div#profile span.filed{display:flex;justify-content:center}}@media (max-width: 400px){main#mainPage div#mainPage div#profile{grid-template-columns:1fr}}main#mainPage div#mainPage div#avatar{padding:.5rem;display:flex;align-items:center}main#mainPage div#mainPage div#avatar img#avatarImg{width:5rem;height:5rem;border-radius:50%}main#mainPage div#mainPage section#feedback{padding:.5rem}main#mainPage div#mainPage section#feedback span.buttons{display:flex;gap:.5rem}main#mainPage div#mainPage section#feedback #container{height:0px;display:none;overflow:hidden}main#mainPage div#mainPage section#feedback #container.active{overflow:visible;display:flex;flex-direction:column;height:inherit;padding:.5rem;position:relative}main#mainPage div#mainPage section#feedback #container.active span#caracterCont{position:absolute;top:-10px;right:15px;font-size:.7rem}main#mainPage div#mainPage section#feedback #container.active textarea{background-color:#d9d9d9;border-radius:.5rem;border:none;width:100%;height:20vh;padding:.5rem;resize:none}main#mainPage div#mainPage section#feedback #container.active div.error{color:#ed0505;justify-content:flex-end;text-align:end;flex-direction:column;font-size:.7rem;display:none}main#mainPage div#mainPage section#feedback #container.active.error textarea{border:1px solid #ed0505}main#mainPage div#mainPage section#feedback #container.active.error div.error{display:block}@media (max-width: 700px){main#mainPage div#mainPage{max-width:97vw}}main#mainPage div#mainPage section#send{padding:.5rem}main#mainPage footer{bottom:0}@media (max-width: 400px){main#mainPage footer{position:inherit}}@font-face{font-family:popins;src:url(src/assets/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:popinsSemiBold;src:url(src/assets/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:popins;position:relative}.hidden{display:none}h1,h2,h3,h4,h5,h6,p{cursor:default}button{cursor:pointer;font-family:popinsSemiBold;border:none;padding:.5rem;border-radius:.3rem;margin:.5rem;justify-content:center;background-color:#01fe70;display:flex;align-items:center}button.secondary{background-color:#d9d9d9}button img{max-height:1.8rem;padding:.3rem;margin-left:10px}button:disabled{cursor:not-allowed}