@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap";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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#222;color:#fff;font-family:Poppins,sans-serif;font-weight:300}.container{width:900px;margin:0 auto}h1{font-weight:500;font-size:32px;margin-bottom:32px}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;padding:16px 0;outline:none;border:none;border-bottom:1px solid #666;transition:.5s cubic-bezier(.075,.82,.165,1);background-color:transparent;width:100%;position:relative;z-index:2;color:inherit}.form-control{position:relative;margin-bottom:32px}.form-control label{position:absolute;top:0;left:0;font-size:12px;transform:translateY(-50%);transition:all .3s ease;color:gray;pointer-events:none}button{font-family:inherit;font-size:inherit;font-weight:inherit;padding:8px 24px;outline:none;border:none;background-color:green;color:#fff;margin:8px 0;border-radius:8px;cursor:pointer;width:100%}.list-item{margin-bottom:12px}b{font-weight:700;opacity:.5}