@font-face{font-family:muli;src:url(/static/media/Muli-SemiBold.e4511dae91686ad50116.woff)}@font-face{font-family:muliLight;src:url(/static/media/Muli-Light.cf577e92b41fdc34c920.woff)}@font-face{font-family:muliBold;src:url(/static/media/Muli-Bold.14e4b6420c2efbb19edd.woff)}@font-face{font-family:merri;src:url(/static/media/Merriweather-Bold.ae39f743fdcf8f64531e.ttf)}@font-face{font-family:day;src:url(/static/media/coolvetica%20rg.3d81d0e1fdbd5f69b232.otf)}@font-face{font-family:mk;src:url(/static/media/Bilal-d99MX.1120ea96ee7b26d89ce1.otf)}.App{align-items:normal;display:flex;height:100vh;justify-content:center;width:100%}body,html{background-color:#fff;height:100%;margin:0!important;padding:0!important;width:100%}.box{text-align:center}.box .title{color:#000;font-family:merri;font-size:25px;margin-bottom:10%;margin-top:40%}.main{background:#fff;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:230px;padding:35px 35px 50px;position:relative;width:400px}.main p{border-bottom:1px solid #d5d5d5;color:#0b0b0b;font-family:merri;font-size:19px;margin-top:40px;padding:1px solid 20px;text-align:start;width:100%}.main .generateInp{background:#fff;border:none;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);color:#000;font-family:muliBold;height:60px;margin-top:5px;overflow-y:auto;padding-left:15px;padding-right:70px;text-align:center;width:80%}.main .copy,.main .generateInp{border-radius:10px;font-size:20px}.main .copy{align-items:center;background:#2196f3;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:40px;top:6px;transition:.3s;width:50px}.copy:active{-webkit-transform:scale(1.05);transform:scale(1.05)}button{background:#ffc107;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:muli;font-size:17px;height:50px;margin-top:40px;transition:.3s;width:100%}button:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.customize{align-items:center;display:flex;font-family:muli;justify-content:center;margin-top:30px;padding-left:0;padding-top:10px;text-align:center;width:100%}.customize label{margin-right:30px;width:100px}.designBy{align-items:center;bottom:0;color:#a1a1a1;justify-content:center;left:0;margin:auto;position:fixed;right:0;text-align:center}.designBy p{font-family:mk;font-size:30px!important;width:100%!important}.designBy h1{font-family:muli;font-size:20px!important}.day{font-family:day!important}@media screen and (max-width:992px){.main{background:none;box-shadow:0 0 0 0;padding:0;width:310px}.main .generateInp{background:#fff;border:none;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);font-family:muliBold;font-size:16px;overflow-y:auto;padding:0 70px 0 10px;text-align:center;width:230px}.main .generateInp,button{border-radius:10px;color:#000}button{background:#ffc107;border:none;cursor:pointer;font-family:muli;font-size:17px;height:50px;margin-top:40px;transition:.3s;width:100%}.main .copy{right:7px;top:-29px}.box .title{font-size:21px;margin-top:50%}.designBy p{font-family:mk;font-size:22px!important;width:100%!important}.designBy h1{font-family:muli;font-size:16px!important}}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{border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}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}