body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.head{width:100%;padding:0 10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;box-shadow:-2px 2px 5px 0 var(--c-black)}.head span{padding:10px;font-weight:700;color:var(--c-white);background-color:var(--c-red);font-size:20px;transition:all .5s ease}.head span:hover{transform:perspective(300px) rotateY(20deg)}.head h3{padding:10px;font-weight:700;color:var(--c-white);background-color:var(--c-gBlue);font-size:20px;transition:all .5s ease}.head h3:hover{transform:perspective(300px) rotateY(-20deg);cursor:pointer}.contact{width:100%;height:90%;padding:10px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.contact h1{font-size:40px;color:var(--c-red);padding:10px 0;border-radius:5px;border-bottom:2px solid var(--c-red)}.contact section{width:85%;height:80%;margin-bottom:40px;overflow:hidden;overflow-y:scroll}.contact section .card{width:90%;padding:0 10px;margin:7px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;border-radius:0;color:var(--c-red);border:2px solid var(--c-red);transition:all .6s ease;cursor:pointer}.contact section .card i{font-size:40px;transition:all .8s ease}.card span{position:relative;left:19.5rem;transition:all .8s ease}.card h2,.card i{padding:4px 10px;background:var(--c-white);border-radius:5px}.card h2{width:550px;text-align:center;opacity:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all .7s ease}.contact section .card:hover{background:var(--c-red);transform:scale(.95)}.card:hover span{left:0}.card:hover h2{opacity:1;transition-delay:.4s}.login{width:50%;height:93vh;float:left;background:var(--c-gBlue)}.login,.login section{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.login section{padding:10px;background-color:var(--c-white);width:40%;border-radius:5px;box-shadow:0 2px 8px 0 var(--c-black);transform:perspective(300px) rotateY(-20deg);transition:all .6s ease}.login section:hover{transform:perspective(300px) rotateY(0)}.login section i{font-size:50px;color:var(--c-red)}.login section form{margin:0 auto;padding:10px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.login section form label{color:var(--c-red);font-size:20px;font-weight:700;text-align:center;margin:10px auto}.login section form input[type=text]{padding:5px;margin:5px;font-size:18px;color:var(--c-black);border:2px solid var(--c-red);outline:0;color:var(--c-red);transition:all .6s ease;width:80%}.login section form button{border:2px solid var(--c-gBlue);outline:0;background:var(--c-white);padding:5px;margin:10px;font-size:18px;color:var(--c-gBlue);font-weight:700;transition:all .5s ease}.login section form button:hover{background:var(--c-gBlue);color:var(--c-white);cursor:pointer}.login section form input[type=text]:focus{background:var(--c-red);color:var(--c-white)}.foot{background:var(--c-gray);color:var(--c-white);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;float:left;width:100%;height:7vh}:root{--c-white:#fff;--c-black:#000;--c-gray:#282828;--c-gBlue:#1c233e;--c-red:#de1e48}.container{width:50%;height:93vh;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;float:left}
/*# sourceMappingURL=main.5c17484c.chunk.css.map */