@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Open+Sans&family=Poppins:wght@300&display=swap);.main_container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.main_container h1{font-size:3rem;margin-top:20vh;cursor:pointer}.main_container h1,.main_container h1 span{font-family:"Bangers",cursive;letter-spacing:1.5px}.main_container h1 span{background-color:#ff4500;color:#fff;padding:0 2rem;border-radius:1rem}.main_container .input_container{width:80vw;height:50vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.main_container .input_container input{width:50vw;height:1rem;margin-bottom:3rem;border:none;border-bottom:2px solid orange;transition:height border-bottom .3s ease ease 1s}.main_container .input_container input:focus{text-align:center;border-bottom:2px solid #ff4500;outline:none;height:5vh}.main_container .input_container .buttons{display:flex}.main_container .input_container .buttons h6{background-color:orange;border:none;min-width:10vw;min-height:1vh;margin-left:3vw;padding:1rem 2rem;border-radius:1rem;text-align:center;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in,color .2s ease-in}.main_container .input_container .buttons h6:hover{background-color:#ff4500;color:#fff}@media (max-width:700px){.main_container h1{font-size:2.5rem;margin-bottom:5vh}.main_container .input_container{width:90vw}.main_container .input_container input{width:70vw}.main_container .input_container .buttons h6{font-size:.8rem;padding:.5rem 1.5rem}}.navbar ul{background-color:rgba(255,68,0,.521)}.main-container{width:100vw;min-height:88vh;justify-content:space-around;align-items:flex-start}.main-container img{border:3px solid #ff4500;width:10vw;margin-top:10vh;border-radius:50%;padding:3rem}.main-container .text-items{margin-top:10vh}@media (max-width:600px){.navbar h3{font-size:2rem}.navbar ul{transform:translateX(100vw);width:100vw!important}.main-container img{width:30vw;border-radius:50%}}.inputs-problems{width:100vw;justify-content:center;align-items:center;margin-top:2vh;display:flex;flex-direction:column}.inputs-problems input{width:70vw;height:5vh;margin-right:2vw;border:none;border-bottom:1px solid orange;text-align:center}.inputs-problems input:focus{outline:none;border-bottom:3px solid #ff4500}.inputs-problems #prb-name{width:80vw}.inputs-problems i{font-size:2.5rem;color:#ff4500;cursor:pointer}.navbar{width:100vw;height:12vh;background-color:rgba(255,68,0,.521);overflow:hidden;display:flex;justify-content:space-around;align-items:center;position:relative;z-index:1}.navbar h3{font-size:2.5rem;letter-spacing:2px;font-family:"Bangers",sans-serif}.navbar i{position:fixed;top:4vh;right:5vw;cursor:pointer;padding:.5rem;background-color:#ff4500;color:#fff;border-radius:50%}.navbar ul{list-style:none;min-width:20vw;height:100vh;background-color:#fc895f;z-index:-1;position:fixed;top:0;right:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;transform:translateX(50vw);transition:transform .5s linear}.navbar ul li{border-bottom:1px solid #000;margin:1rem .1rem;cursor:pointer}.navbar ul li:first-child{margin-top:8vh}.navbar ul li:hover{color:#fff;border-bottom:1px solid #fff}.title{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2vh;margin-bottom:2vh}.title h1{background-color:#ff4500;padding:0 1rem;text-align:center;border-radius:1rem;color:#fff}.title p{width:70vw;text-align:center}.main-container{flex-direction:column;justify-content:start;min-height:20vh;margin-bottom:10vh}.inputs,.main-container{display:flex;align-items:center}.inputs{width:100vw;justify-content:center;margin-top:2vh}.inputs input{width:12vw;height:5vh;margin-right:2vw;border:none;border-bottom:1px solid orange;text-align:center}.inputs input:focus{outline:none;border-bottom:3px solid #ff4500}.inputs #handleName{width:40vw}.inputs #number{width:30vw}.inputs i{font-size:2.5rem;color:#ff4500;cursor:pointer}.inputs i:hover{color:orange}.loading-screen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.loading-screen .loading{color:#ff4500;-webkit-animation:change-color 3s infinite forwards;animation:change-color 3s infinite forwards;font-size:10rem}.loading-screen p{margin-left:5vw;font-size:1.5rem}.open-drawer{transform:translateX(0)!important}@-webkit-keyframes change-color{0%{color:#000}to{color:#ff4500;transform:rotate(1turn)}}@keyframes change-color{0%{color:#000}to{color:#ff4500;transform:rotate(1turn)}}@media (max-width:600px){.navbar h3{font-size:2rem}.navbar ul{transform:translateX(100vw);width:100vw!important}}*{margin:0;padding:0;font-family:"Poppins",sans-serif}.container{width:80vw;min-height:10vh;display:flex;align-items:center;justify-content:space-around;border:.5px solid rgba(0,0,0,.082);border-radius:.5rem;margin-top:1vh;box-shadow:2px 2px 2px hsla(0,0%,50.2%,.644)}.container h3{width:10vw;text-align:center;margin:0 1rem}.container #name{width:60vw}.container i{width:5vw;font-size:2rem;color:#ff4500;cursor:pointer;margin:0 1rem}.container i:hover{color:orange}@media (max-width:800px){.container{width:95vw;font-size:.7rem}}.inputs input{width:70vw}
/*# sourceMappingURL=main.99c9f7ba.chunk.css.map */