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}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:#fef9ef;font-family:neue-haas-grotesk-display,sans-serif;color:#fff}h1,h2{font-family:interface,sans-serif;font-weight:800;font-style:normal;font-size:4rem;margin:2rem auto;text-align:center;color:#124b91;background-color:#6ad727;max-width:40%;padding:.5rem}.generate{display:flex;align-items:center;gap:10%;justify-content:center;margin-bottom:3rem}svg{transform-origin:50% 50%}.controls>*,.controls>.radio>p{display:block;margin-top:1.5rem;font-family:neue-haas-grotesk-display,sans-serif;font-weight:600;font-style:normal}.controls{width:20%;padding:3rem 4rem;background-color:#124b91;border-radius:5%;z-index:1;box-shadow:25px -15px 0 -3px #fef9ef,25px -15px #124b91}.controls>*>label,.controls>label>*{display:block;margin-top:.5rem;font-family:neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal}.flex{display:flex;justify-content:space-between;align-items:center;font-weight:400}.flex>p{display:inline-block;padding:.1rem}select{font-family:neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;width:100%;padding:.25rem;border:2px solid #6AD727}.slider{-webkit-appearance:none;width:50%;height:10px;border-radius:5px;background:white;outline:none;-webkit-transition:.2s;transition:opacity .2s;margin:.5rem .5rem 0 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#6ad727;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#6ad727;cursor:pointer}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:white;width:50%;border:0;border:1px solid white}input[type=radio]{accent-color:#6ad727}li,.artworkDetail{color:#124b91}.artwork,.artwork>.canvas,.artwork>.canvas>svg{max-width:250px;max-height:250px}.artwork>.canvas{box-shadow:none}p{color:#124b91}.artworks{display:flex;flex-wrap:wrap;justify-content:center;gap:5rem;margin:5rem 0}.artworks>li>a>p{color:#124b91;font-size:1.5rem;text-align:center;margin:1.5rem 0 0;text-decoration:none}a{text-decoration:none}.navbar{margin:1rem 0 5rem 5rem;padding:1rem 2rem;font-family:neue-haas-grotesk-display,sans-serif}.navbar__list{display:flex;align-items:center;gap:5rem}.navbar__link{color:#124b91;font-size:1.5rem;text-decoration:none;padding:5rem}.navbar__logo{font-family:interface,sans-serif;font-weight:800;font-size:2rem;max-width:4rem;margin:0 5rem 0 0}.detail{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:5rem;margin:5rem 0}.detailCanvas{max-width:50%}.detailInfo>h2{background-color:transparent;padding:0;margin:2rem 0 2rem -5rem;font-size:4rem;max-width:100%}.detailInfo>h3{font-family:interface,sans-serif;font-weight:400;font-style:normal;font-size:2.5rem;margin:2rem 0 1rem}.detailInfo>p{font-size:1.5rem}.likes{font-size:2rem;font-weight:600;display:flex;align-items:center;gap:1rem;margin:5rem 0}.likes>form>button{font-size:4rem;width:4rem;height:4rem;background-color:transparent;border:none;color:#6ad727;margin-top:-1rem;padding:0}.profile>.navbar>ul,.liked>.navbar>ul{margin:0 auto;padding:1rem 2rem;font-family:neue-haas-grotesk-display,sans-serif;justify-content:center;align-items:center;gap:3rem}input[type=text],input[type=email],input[type=password]{font-size:1rem;background-color:transparent;border:none;color:#6ad727;padding:.5rem;border-bottom:1px solid #6AD727;width:100%}.flexColumn{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;width:50%}.flexColumn>span{font-size:1.5rem;font-weight:600;color:#124b91}form{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}form>button{text-align:center;align-self:center;justify-self:center;font-family:interface,sans-serif;font-weight:500;font-style:normal;max-width:20%;background-color:transparent;border:2px solid #6AD727;padding:1.5rem 2rem;font-size:1.25rem;color:#6ad727}