header{flex-direction:column;height:100vh;justify-content:space-between}header,header .logo{align-items:center;background:#1f73ef;display:flex}header .logo{border-radius:100px;box-shadow:inset 8px 8px 10px #1c68d7,inset -8px -8px 10px #227fff;height:120px;justify-content:center;margin:50px 20px;width:120px}header .download,header .logo a{height:80px;width:80px}header .download{align-items:center;background:#1f73ef;border-radius:100px;box-shadow:inset 8px 8px 10px #1c68d7,inset -8px -8px 10px #227fff;display:flex;justify-content:center;margin:45px 20px}header .download svg{height:50px;width:50px}header .download,header .logo{cursor:pointer}@media(max-width:1024px){header{flex-direction:row;height:auto}header .download,header .logo{height:70px;margin:15px 20px;width:70px}header .download a,header .logo a{height:50px;width:50px}}main{background:#f3f3f3;box-sizing:border-box;padding:50px;width:100%}main .main>div:last-child{display:flex;justify-content:center;margin:auto}main .main{background:#fff;background:#f3f3f3;border-radius:10px;box-shadow:inset 10px 10px 20px #ccc,inset -10px -10px 20px #fff;display:flex;height:100%}main .main .colors{display:flex;flex-direction:column;height:100%;margin-left:50px;width:30px}main .main .colors .color-picker-button{border-radius:50px;cursor:pointer;display:inline;display:initial;height:100%;margin-bottom:50px;width:30px}main .main .colors .color-picker-button:first-child{margin-top:50px}main .main .react-colorful{margin:50px 50px 50px 130px;position:absolute}@media(max-width:1024px){main{height:100%;padding:0}main .main{border-radius:0;height:100%}main .main .colors{margin-left:20px}main .main .react-colorful{height:11vh;margin:0;width:100%}main .main .react-colorful .react-colorful__last-control,main .main .react-colorful .react-colorful__saturation{border-bottom:0;border-radius:0}}footer{background:#1f73ef;height:100vh}footer section{display:flex}footer section .style,footer section .type{margin-top:20px}footer section .styleElement,footer section .typeElement{align-items:center;background:linear-gradient(145deg,#1c68d7,#217bff);border-radius:10px;box-shadow:5px 5px 15px #1c68d7,-5px -5px 15px #227fff;cursor:pointer;display:flex;height:100px;justify-content:center;margin:30px;width:100px}footer section .typeElement{color:#fff}footer section .styleElement{margin-right:0}footer section .styleElement svg{height:50px;width:50px}footer section .male{color:#0ef;font-size:30px}footer section .female{color:pink;font-size:30px}@media(max-width:1024px){footer{height:auto}footer section{align-items:flex-start;flex-direction:column;overflow:hidden}footer section .style,footer section .type{display:flex;margin-top:0;position:relative}footer section .styleElement,footer section .typeElement{height:60px;margin:10px;width:60px}footer section .styleElement{margin-bottom:0;margin-top:15px}footer section .typeElement{margin-bottom:15px;margin-top:15px}footer section .styleElement:first-child,footer section .typeElement:first-child{margin-left:20px}footer section .styleElement:last-child,footer section .typeElement:last-child{margin-right:20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}::-webkit-scrollbar{width:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;justify-content:space-between}@media(max-width:1024px){.app{flex-direction:column;height:100vh}}
/*# sourceMappingURL=main.f9022265.css.map*/