@import"https://fonts.googleapis.com/css?family=Nunito:600,700&display=swap";@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext";*{box-sizing:border-box;font-family:Source Sans Pro}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Roboto,Arial,sans-serif;background-color:#fff;height:100vh}#root{height:100%;display:flex;justify-content:center}ol,ul{list-style:none}.container{text-align:center;color:#fff;margin-top:100px}.container>header{font-size:1.3rem;font-weight:700;margin:0 auto 60px;position:relative;height:25px;width:250px;overflow:hidden}.header-headings{display:flex;flex-direction:column;position:absolute;width:100%;transition:all .4s cubic-bezier(.785,.135,.15,.86)}.header-headings>span{margin:3px 0}.header-headings.sign-in{transform:translateY(0)}.header-headings.sign-up{transform:translateY(-25px)}.header-headings.forgot{transform:translateY(-50px)}.options{display:flex;align-items:center;width:350px}@media screen and (max-width: 380px){.options{width:100%}}.options>li{cursor:pointer;opacity:.5;transition:all .2s ease}.options>li:hover{opacity:1}.options>li.active{opacity:1}.options>li:nth-of-type(2){margin-left:15px}.options>li:last-of-type{margin-left:auto}.account-form{display:flex;flex-direction:column;margin-top:30px}.account-form-fields{display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.785,.135,.15,.86)}.account-form-fields.sign-in{max-height:123px}.account-form-fields.sign-up{max-height:250px}.account-form-fields.forgot{max-height:61px}.account-form-fields>input{border:0;margin-bottom:10px;padding:15px;font-size:1rem;font-family:Nunito,sans-serif;color:#000;border-radius:5px}.account-form-fields>input::-moz-placeholder{color:#aaa}.account-form-fields>input::placeholder{color:#aaa}.account-form-fields>input::-webkit-input-placeholder{color:#aaa}.account-form-fields>input:-ms-input-placeholder{color:#aaa}.account-form-fields>input:focus{outline:none}.btn-submit-form{border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding:15px 0;border-radius:5px;color:#fff;font-size:1rem;font-family:Nunito,sans-serif;background:#6381e8;box-shadow:0 1px 2px #00000021;transition:all .2s ease}.btn-submit-form:hover{background:#4468e4}.btn-submit-form:active,.btn-submit-form:focus{outline:none;background:#2e56e0}footer{position:fixed;width:100%;bottom:0;left:0;padding:30px 0;text-align:center}footer>a{color:#fff;font-weight:700}