.HomeContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.HomeContainer img{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:200px;margin-top:40px}.HomeContainer h1{color:#61dafb;font-size:35px;margin-top:30px}.HomeContainer p{color:#fff;font-size:22px;margin-top:20px;text-align:center}.HomeContainer a{color:#61dafb;font-size:17px;margin-top:20px;text-decoration:underline}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.containerIntro{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:90px;position:relative;width:100%}.containerIntro h1{color:#61dafb;margin:-60px 0 20px;position:absolute}.containerIntro>article{border:1px solid #fff;border-radius:10px;margin:20px 0;min-height:300px;min-width:350px;padding:20px;width:40%}.containerIntro h2{color:#61dafb}.containerIntro p{color:#fff;margin:20px 0;text-align:justify}.containerIntro .code{border-radius:5px;color:#61dafb;padding:5px}.containerIntro .how li{margin:10px 0}.containerIntro .how li p{color:#fff;margin:5px 0}.containerIntro .how span>a{color:#61dafb;text-decoration:underline}.containerIntro .components img{width:calc(100% - 10px)}.containerIntro .components span{color:#61dafb}.containerIntro .extra a{color:#61dafb;text-decoration:underline}.containerIntro .extra img{width:calc(100% - 10px)}.containerHooks{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:90px;position:relative;width:100%}.containerHooks h1{color:#61dafb;margin:-60px 0 20px;position:absolute}.containerHooks>article{border:1px solid #fff;border-radius:10px;margin:20px 0;min-height:300px;min-width:350px;padding:20px;width:40%}.containerHooks h2{color:#61dafb}.containerHooks h4{color:#61dafb;font-size:18px;font-weight:lighter;margin-top:10px}.containerHooks p{color:#fff;margin:20px 0;text-align:justify}.containerHooks span{color:#61dafb;text-align:justify}.containerJS{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:90px;position:relative;width:100%}.containerJS h1{color:#61dafb;margin:-60px 0 20px;position:absolute}.containerJS>article{border:1px solid #fff;border-radius:10px;margin:20px 0;min-height:300px;min-width:350px;padding:20px;width:40%}.containerJS h2{color:#61dafb}.containerJS h4{color:#61dafb;font-size:18px;font-weight:lighter;margin-top:10px}.containerJS p{color:#fff;margin:20px 0;text-align:justify}.containerJS span{color:#61dafb;text-align:justify}.containerJS a{color:#61dafb;text-decoration:underline}.container404{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.container404 h1{color:#61dafb;font-size:90px}.container404 p{color:#61dafb;font-size:30px;margin-top:20px}*{box-sizing:border-box;font-family:Open sans,sans-serif;margin:0;padding:0}body,html{background-color:#282c34;height:100%;width:100%}input{outline:none}ul{list-style:none}a{text-decoration:none}header{background-color:#fff;justify-content:space-between;padding:15px;width:100%}header,header>a{align-items:center;display:flex;flex-direction:row}header>a{justify-content:center;width:-webkit-max-content;width:max-content}header>a p{color:#333;font-size:30px;font-weight:700;margin-left:10px}header>a img{width:50px}header ul{display:flex;flex-direction:row;transition:.7s}header ul li{font-size:19px;padding:10px}header ul li a{color:#333;position:relative}header ul li a:after{background-color:#61dafb;border-radius:10px;bottom:0;content:" ";height:2px;left:50%;position:absolute;transition:all .15s ease;width:0}header ul li a:hover:after{left:0;width:100%}header button{background-color:#282c34;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:15px;overflow-y:hidden;padding:.5rem 1rem;position:absolute;right:40px;top:20px;transition:.3s;visibility:visible}header button:hover{background-color:#61dafb}header #hamburguer{border-top:2px solid #fff;display:block;gap:.5rem;margin-left:10px;width:20px}header #hamburguer:after,header #hamburguer:before{background-color:#fff;content:"";display:block;height:2px;margin-top:5px;position:relative;transition:.3s;width:20px}@media (max-width:730px){header button{align-items:center;display:flex;justify-content:center;right:10px}header #menu{background-color:transparent;height:0;overflow:hidden;position:absolute;right:0;top:70px;visibility:hidden;width:100%}header #menu a{color:transparent}header.active{margin:0}header.active #menu{background-color:#fff;display:block;height:auto;justify-content:center;visibility:visible;width:100%;z-index:10}header.active #menu a{color:#333}header.active #hamburguer{border-color:transparent}header.active #hamburguer:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}header.active #hamburguer:after{top:-7px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}}@media (max-width:400px){header>a p{font-size:25px}header>a img{width:40px}header button{top:16px}}
/*# sourceMappingURL=main.37469c2c.css.map*/