@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,700;1,400;1,700&display=swap);*{box-sizing:border-box;font-family:Barlow,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spacer{flex:1}.header,h1,h2,h3{font-family:Roboto Slab,serif}p{font-family:Barlow,sans-serif;font-size:18px}.link{cursor:pointer;text-decoration:none;color:inherit}.icon{height:1.5em;width:auto}#app,body{background-color:#f1f1f1}#app,.card,body{display:flex;flex-direction:column}.card{transition:all .3s ease;cursor:pointer}.card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.content-card-wrap{position:relative;padding:20px}.content-card-wrap .content-cards{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:960px){.content-card-wrap .content-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.content-card-wrap .content-cards{grid-template-columns:repeat(3,1fr)}}.content-card-wrap .content-cards-multi{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:960px){.content-card-wrap .content-cards-multi{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.content-card-wrap .content-cards-multi{grid-template-columns:repeat(5,1fr)}}.form-wrap{overflow:hidden;display:flex;height:100vh;justify-content:center;align-self:center;margin:0 auto;width:90%}@media(min-width:900px){.form-wrap{width:100%}}.form-wrap .return{font-size:18px;position:absolute;left:3vh;top:3vh;z-index:10}.form-wrap form{padding:0 10px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}@media(min-width:900px){.form-wrap form{padding:0 50px}}.form-wrap form h2{text-align:center;font-size:32px;color:#303030;margin-bottom:40px}@media(min-width:900px){.form-wrap form h2{font-size:40px}}.form-wrap form .inputs{width:100%;max-width:300px}.form-wrap form .inputs .input{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:0;font-size:15px}.form-wrap form .inputs .input .icon{width:12px;position:absolute;left:6px}.form-wrap form .forgot-password{text-decoration:none;color:#000;cursor:pointer;font-size:14px;margin:16px 0 0;border-bottom:1px solid transparent;transition:all .5s ease}.form-wrap form .forgot-password:hover{border-color:#303030}.form-wrap form .login{margin-top:12px;width:300px;font-size:16px}.form-wrap form .angle{display:none;position:absolute;background-color:#42b15b;transform:rotate(3deg);width:70px;right:-35px;height:101%}@media(min-width:1100px){.form-wrap form .angle{display:initial}}.form-wrap form .error{font-size:14px;margin-top:10px;color:#ff0018;border-top:1px solid red;border-bottom:1px solid red;padding:3px;width:100%;max-width:300px;text-align:center}.form-wrap form .login-register{font-size:16px}.form-wrap form .login-register .router-link{color:#dc3545}.form-wrap form .rule{width:100%;max-width:400px}.form-wrap .background{display:none;flex:2;background-size:cover;width:100%;height:100%;background-color:#42b15a}@media(min-width:1020px){.form-wrap .background{display:initial}}.form-wrap .background .particles{width:100%;height:100%}