@import url("https://fonts.googleapis.com/css?family=Montserrat:400,800");.signin-singup-outer-box{height:100vh}.signin-singup-outer-box .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.signin-singup-outer-box .title{text-align:center;font-size:24px;margin-bottom:20px}.signin-singup-outer-box .card{width:300px;background-color:#1e213a;padding:20px;border-radius:10px;border-top:4px solid #19d4ca;box-shadow:0 4px 10px rgba(0,0,0,.3)}.signin-singup-outer-box .signin-form{display:flex;flex-direction:column;gap:10px}.signin-singup-outer-box input{padding:10px;background-color:transparent;border:none;border-bottom:1px solid #ccc;color:#fff;transition:box-shadow .3s}.signin-singup-outer-box input:focus{box-shadow:0 0 10px #19d4ca}.signin-singup-outer-box .buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px}.signin-singup-outer-box .login-button,.signin-singup-outer-box .register-link{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,box-shadow .3s,color .3s;text-decoration:none}.signin-singup-outer-box .login-button{background-color:transparent;color:#19d4ca}.signin-singup-outer-box .login-button:hover{background-color:#19d4ca;color:#fff;box-shadow:none}.signin-singup-outer-box .login-button:active{box-shadow:0 0 10px #19d4ca}.signin-singup-outer-box .register-link{color:#ccc;background-color:transparent}.signin-singup-outer-box .register-link:hover{color:#fff}.signin-singup-outer-box .register-link:active{box-shadow:0 0 10px #ccc}@media (max-width:480px){.signin-singup-outer-box .card{width:100%;max-width:300px}}.social-container{display:flex;justify-content:center;align-items:center}.social-container .social{margin:10px}