:root{--title:#fffcf9;--subtitle:#b3b3b3;--bg-button:#e9e6e3;--background:linear-gradient(43deg,#102d71,#000 52%,#c12a23)}body{background:linear-gradient(43deg,#102d71,#000 52%,#c12a23);background:var(--background);background-repeat:no-repeat;font-family:Arial,Helvetica,sans-serif;height:auto;margin:0}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.App h2{color:#fffcf9;color:var(--title);font-size:38px}.areaApi{display:grid;grid-auto-columns:auto;grid-auto-rows:40px 180px;grid-template-rows:40px auto}.areaApi .snopse{display:grid;grid-row:2;grid-template-columns:180px 600px;width:400px;width:800px}.areaApi .snopse img{align-self:center;border:4px solid #fff;border-radius:5px;justify-self:center}.areaApi .snopse p{height:100%;text-align:left;text-overflow:clip}.areaApi .snopse p,.areaApi h3{color:#fffcf9;color:var(--title)}.areaApi h3{align-self:center;font-size:20px;grid-row:1;text-align:center}.areabuttons{align-items:center;display:flex;flex-direction:column}.areabuttons span{color:#b3b3b3;color:var(--subtitle)}.areabuttons button{align-items:center;background:#e9e6e3;background:var(--bg-button);border:1px solid --bg-button;border-radius:10px;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:space-around;width:180px}@media screen and (max-width:832px){.App{display:grid;grid-template-columns:100%;height:100%;text-align:center;width:100vw}.App img{justify-self:center}.App h2{width:99%}.App .areabuttons{width:100%}.App .areabuttons span{width:90%}.App .areaApi,.App .areaApi .snopse{grid-template-columns:100%;width:100%}.App .areaApi .snopse p{justify-self:center;text-align:center;width:90%}}
/*# sourceMappingURL=main.5a0b06e1.css.map*/