@import"https://fonts.googleapis.com/css2?family=Arsenal+SC:ital,wght@0,400;0,700;1,400;1,700&display=swap";#preview-container{display:flex;flex-direction:column;width:50%;max-height:60vh;border:2px solid black}#gradient-preview-container{display:flex;justify-content:center;padding-top:3%;padding-bottom:3%;max-width:100%;height:40vh}#gradient{background-color:green;width:90%}#generated-code-container{display:flex;justify-content:center;padding-top:3%;padding-bottom:3%;max-width:100%;height:20vh}#generated-code{background-color:#000;color:#d3d3d3;width:90%}#copy,#reset{width:50%}#button-container{display:flex;justify-content:center;padding-bottom:2%}#options-container{display:flex;flex-direction:column;width:35%;height:60vh;border:2px solid black}#options-heading-container{font-family:Arsenal SC,sans-serif;font-size:30px;letter-spacing:10px;width:100%;height:6vh;padding-top:3%;font-weight:500}#color-info-container{display:flex;height:100vh}#color-options-container{display:flex;flex-direction:column;width:100%}#color-one,#color-two{display:flex;justify-content:space-between}#color-three{display:none}#angle{display:flex}#angle input{border-radius:30px;width:10%;margin-left:2%}#angle button{position:relative;left:70%}#color-one,#color-two,#color-three{padding-bottom:2%;padding-top:2%}#tool-container{display:flex;justify-content:center;align-items:center;width:80%;height:60vh}#app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100%;height:100vh;box-sizing:border-box;border:2px solid black}#main-heading{font-family:Arsenal SC,sans-serif;font-size:30px;letter-spacing:10px;width:68%;padding-bottom:1%}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}