.row:after{content:"";display:table;clear:both}.column{float:left;width:50%;height:100%;box-sizing:border-box}@media screen and (max-width: 600px){.column{width:100%;height:50%}}.login--container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:#252a41}.login--login{width:650px;height:500px;position:relative;border-radius:2px;background-color:#f9f9f9}@media screen and (max-width: 600px){.login--login{width:95%;height:600px;margin:auto}}.login--sidebar{width:40%;left:0;top:0;bottom:0;display:flex;transition:left .3s .2s, right .3s .1s;align-items:center;justify-content:center;background-color:#3F51B5}@media screen and (max-width: 600px){.login--sidebar{height:35%;width:100%}}.login--sidenav-content{display:flex;align-items:center;flex-direction:column;justify-content:center}.login--sidebar-registering{left:400px;right:0}.login--sidenav-title{color:white;margin-bottom:15px;font-size:25px;font-weight:100}.login--sidebar-text{color:#dedede;margin:0 20px;font-size:12px;text-align:center;font-weight:100}.login--button{color:#eee;width:120px;height:42px;cursor:pointer;border:1px rgba(255,255,255,0.7) solid;display:flex;font-size:13px;margin-top:25px;font-weight:100;align-items:center;border-radius:20px;text-decoration:none;justify-content:center}.login--button-primary{border-color:#3F51B5;background-color:#3F51B5}main.login--main{width:60%;display:flex;transition:margin-left .6s, margin-right .6s;align-items:center;margin-right:0;flex-direction:column;justify-content:center}@media screen and (max-width: 600px){main.login--main{height:65%;width:100%}}.login--content{display:flex;align-items:center;flex-direction:column;justify-content:center}.login--title{color:#3f52b5;font-size:27px;font-weight:100}.login--input{width:250px;margin:5px;font-size:13px !important;border-radius:30px !important}@media screen and (max-width: 600px){.login--input{width:200px}}#error_explanation{width:268px;border:1px solid #f44336;opacity:0;padding:10px;font-size:13px;max-height:0;margin-top:16px;border-radius:4px;background-color:#ffcdd2;animation:error-explanation-appears 1s forwards}p.error-explanation--item{color:#f44336;margin:3px}p.error-explanation--notice{color:#3e51b5;margin:15px 0 0;font-size:13px;max-width:300px;text-align:center}.remember-me-container{color:#414141;cursor:pointer;font-size:13px;margin-top:5px}.remember-me-container>*{cursor:pointer}.login--input{border:1px solid rgba(0,0,0,0.2);outline:0;padding:12px 18px;font-size:15px;border-radius:4px}@keyframes error-explanation-appears{60%{max-height:200px;opacity:0}100%{max-height:200px;opacity:1}}body,html{height:100%}*{box-sizing:border-box}body{font-size:18px;margin:0;min-height:100vh;font-family:'Open Sans';background-color:white;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.large-shadow{box-shadow:rgba(0,0,0,0.5) 0 4px 10px}@keyframes from-bottom-opacity-appear{to{opacity:1;transform:translateY(0)}}.topnav{z-index:1;width:100%;padding:20px 0;overflow:hidden;position:absolute}.topnav a{padding:0 10px;text-decoration:none;float:right;margin-right:10px}.topnav a:hover .btn.rounded:not{color:grey}.topnav .logo{float:left;font-weight:bold;font-size:1.5rem;font-family:'DM Serif Display', serif;padding:0 10px;color:white}.btn-rounded{padding:20px !important;border-radius:40px;letter-spacing:1px;background-color:white;color:#3a63d4;font-weight:bold;border:none;-webkit-transition:.3s, background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s, box-shadow .3s;transition:.3s, background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s, box-shadow .3s}.btn-rounded:hover{box-shadow:0 0 14px rgba(0,0,0,0.35);cursor:pointer;transform:translate3D(0, -1px, 0) scale(1.03)}.btn-rounded:focus{outline:none}.container{position:relative;min-height:90%;width:100%;top:0;left:0}.background-clip{position:absolute;height:100%;width:100%;background-color:#3a63d4;-webkit-clip-path:ellipse(96% 47% at 14% 19%);clip-path:ellipse(96% 47% at 14% 19%)}@media only screen and (max-width: 600px){.background-clip{clip-path:none;height:70%}}.content{position:absolute;display:flex;width:100%;margin-top:2%;top:0;left:0;justify-content:center;align-items:center}.content .col h1{display:inline;font-family:'DM Serif Display', serif;font-weight:400;font-size:3em;color:white;padding-left:10px}.content .col p{color:white;padding-left:10px;font-size:18px;margin-bottom:50px;font-weight:bold}.content .col input{font-size:18px}.content .col img{margin-top:50px;width:100%}@media only screen and (max-width: 600px){.content{padding:5%;text-align:center}.content h1{font-size:2.5em !important}}.info{width:100%;justify-content:center;align-items:center;font-family:'Nunito', sans-serif;text-align:center;margin-top:-12.5%;margin-bottom:10%}.info h2{width:100%}.info p{padding-right:10px;font-size:24px;color:#666666}@media only screen and (max-width: 600px){.info{margin-top:-50%}}.text-shadow-drop-bottom{-webkit-animation:text-shadow-drop-bottom 1s both;animation:text-shadow-drop-bottom 1s both}@-webkit-keyframes text-shadow-drop-bottom{0%{text-shadow:0 0 0 transparent}100%{text-shadow:0 6px 18px rgba(0,0,0,0.35)}}@keyframes text-shadow-drop-bottom{0%{text-shadow:0 0 0 transparent}100%{text-shadow:0 6px 18px rgba(0,0,0,0.35)}}.card{border-radius:1em;transition:all .4s ease;backface-visibility:hidden;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);margin:5% 1% 0 1%;padding:16px}.card .card-title{text-align:left;font-size:2.5em;font-weight:bold;margin:5px}.card .card-content{text-align:left;margin:5px 5px 10px 5px}.card .card-action{margin:30px 5px 5px 5px}.card .card-action .btn-rounded{background-color:#3a63d4;color:white}.card img{text-align:center;height:200px}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);transform:translate3D(0, -1px, 0) scale(1.03);backface-visibility:hidden}.row{display:flex;justify-content:center;width:100%}@media only screen and (max-width: 600px){.row{display:block !important}}.row:after{content:"";display:table;clear:both}@media only screen and (max-width: 600px){.col.xs-12{width:100% !important;margin-top:12.5%;display:block !important}.col.xs-0{display:none}}@media only screen and (min-width: 600px){.col.l-2{width:12% !important}.col.l-3{width:32.3333% !important}.col.l-4{width:24% !important}.col.l-6{max-width:50% !important}.col.l-12{width:100% !important}}@media only screen and (min-width: 600px){.vertical-spacer{margin:0  1% !important}}