h1[data-v-7fb558be]{font-size:4em;font-weight:700;margin:50px 0 10px 0;color:#fff}p[data-v-7fb558be]{font-weight:500;margin-bottom:50px;color:#fff}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;padding:20px;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.2);box-shadow:0 0 50px 0 rgba(0,0,0,.2);margin:0 20px}#preview,.wrapper{border-radius:12px;-webkit-transition:.5s ease;transition:.5s ease}#preview{height:200px;width:200px;background:grey}.fileContainer{overflow:hidden;position:relative;cursor:pointer;border:1px solid #dcdcdc;border-radius:12px;padding:20px 100px;max-width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#c8c8c8}.fileContainer [type=file]{cursor:inherit;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;opacity:0}.blue{color:#00a5ff;font-weight:700}.color-codes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-ms-flex-pack:distribute;justify-content:space-around;font-size:22px}@media only screen and (max-width:600px){.fileContainer{padding:20px}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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;background:-webkit-gradient(linear,left top,right top,from(#00b7ff),to(#0fe));background:linear-gradient(90deg,#00b7ff,#0fe);background-size:cover}body,html{height:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative}#app,#footer{text-align:center}#footer{position:absolute;bottom:0;left:0;right:0;text-decoration:none;margin:20px;padding:0}svg{margin:5px}a{text-decoration:none;color:#fff;font-size:18px}