@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap);@import url(https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@900500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://use.typekit.net/zps1qux.css);@import url(https://fonts.googleapis.com/css2?family=Rock+3D&display=swap);
/*
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-left-7{left:-1.75rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-\[14\%\]{bottom:14%}.left-1\/2{left:50%}.left-20{left:5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.top-14{top:3.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-5{top:1.25rem}.z-50{z-index:50}.z-\[100000\]{z-index:100000}.z-\[1000\]{z-index:1000}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-bottom:3rem;margin-top:3rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-0{margin-bottom:0}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-36{height:9rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[100vh\]{height:100vh}.h-\[275px\]{height:275px}.h-\[2px\]{height:2px}.h-\[8rem\]{height:8rem}.h-\[calc\(100\%-4rem\)\]{height:calc(100% - 4rem)}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[100vw\]{width:100vw}.w-\[250px\]{width:250px}.w-\[500px\]{width:500px}.w-\[75px\]{width:75px}.w-\[calc\(100\%-150px\)\]{width:calc(100% - 150px)}.w-\[calc\(100\%-75px\)\]{width:calc(100% - 75px)}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-0{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.rotate-12,.translate-x-5{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate:12deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-6{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate:6deg}.scale-\[\.6\]{--tw-scale-x:.6;--tw-scale-y:.6}.scale-\[\.6\],.scale-\[\.7\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[\.7\]{--tw-scale-x:.7;--tw-scale-y:.7}.scale-\[\.8\]{--tw-scale-x:.8;--tw-scale-y:.8}.scale-\[\.8\],.scale-\[\.9\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[\.9\]{--tw-scale-x:.9;--tw-scale-y:.9}.scale-\[1\.1\]{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-\[1\.1\],.scale-\[1\.25\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.25\]{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-\[1\.2\]{--tw-scale-x:1.2;--tw-scale-y:1.2}.scale-\[1\.2\],.scale-\[\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[\]{--tw-scale-x: ;--tw-scale-y: }.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:none;transform:none}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:none;transform:none}}.animate-bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-r-2{border-right-width:2px}.border-\[\#b0ffa9\]{--tw-border-opacity:1;border-color:rgb(176 255 169/var(--tw-border-opacity))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.border-zinc-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity))}.border-zinc-800{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity))}.bg-\[\#5b5b5b\]{--tw-bg-opacity:1;background-color:rgb(91 91 91/var(--tw-bg-opacity))}.bg-\[\#7ab1fd\]{--tw-bg-opacity:1;background-color:rgb(122 177 253/var(--tw-bg-opacity))}.bg-\[\#a9e3fc\]{--tw-bg-opacity:1;background-color:rgb(169 227 252/var(--tw-bg-opacity))}.bg-\[\#ad41b5\]{--tw-bg-opacity:1;background-color:rgb(173 65 181/var(--tw-bg-opacity))}.bg-\[\#b0c4ff\]{--tw-bg-opacity:1;background-color:rgb(176 196 255/var(--tw-bg-opacity))}.bg-\[\#c6b4fa\]{--tw-bg-opacity:1;background-color:rgb(198 180 250/var(--tw-bg-opacity))}.bg-\[\#d0ffcc\]{--tw-bg-opacity:1;background-color:rgb(208 255 204/var(--tw-bg-opacity))}.bg-\[\#edc0cb\]{--tw-bg-opacity:1;background-color:rgb(237 192 203/var(--tw-bg-opacity))}.bg-\[\#fc6293\]{--tw-bg-opacity:1;background-color:rgb(252 98 147/var(--tw-bg-opacity))}.bg-\[\#ffed8d\]{--tw-bg-opacity:1;background-color:rgb(255 237 141/var(--tw-bg-opacity))}.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.bg-cyan-200{--tw-bg-opacity:1;background-color:rgb(165 243 252/var(--tw-bg-opacity))}.bg-emerald-300{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.bg-lime-200{--tw-bg-opacity:1;background-color:rgb(217 249 157/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.bg-sky-300{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity))}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity))}.bg-violet-300{--tw-bg-opacity:1;background-color:rgb(196 181 253/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.bg-yellow-950{--tw-bg-opacity:1;background-color:rgb(66 32 6/var(--tw-bg-opacity))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.bg-zinc-700{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity))}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{object-fit:cover}.object-center{object-position:center}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-40{padding-bottom:10rem;padding-top:10rem}.py-\[1\.5px\]{padding-bottom:1.5px;padding-top:1.5px}.py-\[3px\]{padding-bottom:3px;padding-top:3px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-aileron{font-family:aileron,sans-serif}.font-montserrat{font-family:Montserrat,sans serif}.font-poppins{font-family:Poppins,sans-serif}.font-rock{font-family:Rock 3D,system-ui}.font-seasons{font-family:the-seasons,sans-serif}.\!text-\[10px\]{font-size:10px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11\.2px\]{font-size:11.2px}.text-\[200px\]{font-size:200px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[500\]{font-weight:500}.font-\[600\]{font-weight:600}.font-\[700\]{font-weight:700}.font-\[900\],.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-3{line-height:.75rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.tracking-\[2px\]{letter-spacing:2px}.tracking-\[3\.5px\]{letter-spacing:3.5px}.tracking-\[7px\]{letter-spacing:7px}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.\!text-zinc-800{--tw-text-opacity:1!important;color:rgb(39 39 42/var(--tw-text-opacity))!important}.text-\[\#4e58a9\]{--tw-text-opacity:1;color:rgb(78 88 169/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-30{opacity:.3}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.saturate-200{--tw-saturate:saturate(2)}.filter,.saturate-200{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:scale-\[\.95\]:hover{--tw-scale-x:.95;--tw-scale-y:.95}.hover\:scale-\[\.95\]:hover,.hover\:scale-\[\.98\]:hover{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[\.98\]:hover{--tw-scale-x:.98;--tw-scale-y:.98}.hover\:animate-spin:hover{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-zinc-800:hover{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity))}.hover\:bg-lime-300:hover{--tw-bg-opacity:1;background-color:rgb(190 242 100/var(--tw-bg-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}@media (min-width:768px){.md\:left-4{left:1rem}.md\:top-4{top:1rem}.md\:my-0{margin-bottom:0;margin-top:0}.md\:my-10{margin-bottom:2.5rem;margin-top:2.5rem}.md\:my-3{margin-bottom:.75rem;margin-top:.75rem}.md\:-mb-2{margin-bottom:-.5rem}.md\:mb-0{margin-bottom:0}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:ml-14{margin-left:3.5rem}.md\:mr-5{margin-right:1.25rem}.md\:mt-0{margin-top:0}.md\:hidden{display:none}.md\:h-56{height:14rem}.md\:h-64{height:16rem}.md\:h-7{height:1.75rem}.md\:h-8{height:2rem}.md\:h-\[315px\]{height:315px}.md\:w-64{width:16rem}.md\:w-7{width:1.75rem}.md\:w-8{width:2rem}.md\:w-\[150px\]{width:150px}.md\:w-\[calc\(100\%-150px\)\]{width:calc(100% - 150px)}.md\:w-full{width:100%}.md\:max-w-xl{max-width:36rem}.md\:scale-\[\.85\]{--tw-scale-x:.85;--tw-scale-y:.85}.md\:scale-\[\.85\],.md\:scale-\[\.9\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:scale-\[\.9\]{--tw-scale-x:.9;--tw-scale-y:.9}.md\:scale-\[1\.25\]{--tw-scale-x:1.25;--tw-scale-y:1.25}.md\:scale-\[1\.25\],.md\:scale-\[1\.2\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:scale-\[1\.2\]{--tw-scale-x:1.2;--tw-scale-y:1.2}.md\:scale-\[1\]{--tw-scale-x:1;--tw-scale-y:1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-\[1px\]{padding-bottom:1px;padding-top:1px}.md\:pb-0{padding-bottom:0}.md\:pb-8{padding-bottom:2rem}.md\:pt-0{padding-top:0}.md\:pt-2{padding-top:.5rem}.md\:pt-5{padding-top:1.25rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-\[20px\]{font-size:20px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:tracking-\[4px\]{letter-spacing:4px}.md\:tracking-\[6\.5px\]{letter-spacing:6.5px}.md\:tracking-\[9px\]{letter-spacing:9px}.md\:tracking-wide{letter-spacing:.025em}.md\:tracking-widest{letter-spacing:.1em}}@media (min-width:1024px){.lg\:h-\[375px\]{height:375px}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:p-10{padding:2.5rem}.lg\:px-0{padding-left:0;padding-right:0}}@media (min-width:1280px){.xl\:fixed{position:fixed}.xl\:right-6{right:1.5rem}.xl\:top-6{top:1.5rem}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:leading-6{line-height:1.5rem}}.notClicked{display:none}.clicked{-webkit-animation:envelope-clicked 2s forwards;animation:envelope-clicked 2s forwards}.contact{align-items:center;display:flex;margin-left:-12px;margin-right:-60px;-webkit-transform:scale(.75) translateX(-3vw);transform:scale(.75) translateX(-3vw)}.contact>p{color:#5796e9;font-size:12px;margin-left:5px;margin-top:-6px}.contact .contact__envelope{border:3px solid #414141;border-radius:1.5px;height:25px;-webkit-transform:translateY(-3px);transform:translateY(-3px);width:35px}.contact .contact__envelope:after,.contact .contact__envelope:before{border:1.5px solid #414141;content:"";position:absolute;width:20.65px}.contact .contact__envelope:before{-webkit-transform:rotate(34deg) translateY(5px);transform:rotate(34deg) translateY(5px)}.contact .contact__envelope:after{-webkit-transform:translateX(9px) rotate(-34deg) translateY(5px);transform:translateX(9px) rotate(-34deg) translateY(5px)}.contact .contact__envelope:hover{cursor:pointer}.contact__icons .contact__github-icon{margin-right:10px}@-webkit-keyframes envelope-clicked{to{opacity:0}}@keyframes envelope-clicked{to{opacity:0}}h1.title{color:#414141;font-family:Montserrat,sans-serif;font-weight:800}.desktop__about,.tablet__about{background-color:#fafafa;color:#1f1f1f;font-family:Montserrat,sans-serif;overflow:hidden}.desktop__about>h1,.tablet__about>h1{color:#414141;font-family:Montserrat,sans-serif;font-weight:800}.desktop__about span:hover,.tablet__about span:hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27><circle cx=%2716%27 cy=%2716%27 r=%278%27 fill=%27%23ff654a%27/></svg>") 16 16,auto}.mobile__about{color:#1f1f1f;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:12px;height:450px!important;height:60vh;line-height:19px}.mobile__about span{text-decoration:underline}.mobile__about h1{color:#414141;font-family:Montserrat,sans-serif;font-size:24px;font-weight:900!important;line-height:19px}h1.mobile{font-weight:800!important;line-height:21px}.desktop__about__icon svg:hover .cls-2{fill:#5796e9}.desktop-nav a{text-decoration:none}.desktop-nav p{color:#414141;font-size:14px;font-weight:600}.desktop-nav p:hover{color:#5796e9}.desktop__about{cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27><circle cx=%2716%27 cy=%2716%27 r=%278%27 fill=%27%235796e9%27/></svg>") 16 16,auto;font-size:13px;line-height:25px;padding:3.5%;width:27vw}.tablet__about{height:28vh;width:100vw}a{text-decoration:none}a,a:visited{color:#1f1f1f}a:hover{color:#5796e9}.desktop__about>ul,.mobile__about>ul,.tablet__about>div>ul{font-size:13px;line-height:22px;padding:0}.desktop__about>ul>li,.mobile__about>ul>li,.tablet__about>div>ul>li{font-weight:600;list-style:none}.desktop__about>ul>li>a,.mobile__about>ul>li>a,.tablet__about>div>ul>li>a{text-decoration:none}.mobile__about>p{line-height:19px}.mobile__contact{position:relative;-webkit-transform:scale(.75) translateX(-20vw);transform:scale(.75) translateX(-20vw)}.shelf{border-radius:2px;box-shadow:0 10px 15px -2px #a6cefc;display:flex;height:15px;justify-content:space-around;width:63vw}.shelf,.shelf:after,.shelf:before{background-image:linear-gradient(#f1dbc1 0 70%,#7ab1fd 70% 100%)}.shelf:after,.shelf:before{border-bottom-left-radius:2px;border-bottom-right-radius:2px;content:"";height:20px;margin-top:15px;width:12px}.desktop-shelves,.tablet-shelves{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-content:space-evenly;overflow:hidden}.desktop-shelves .shelf-contents,.tablet-shelves .shelf-contents{display:flex;justify-content:space-evenly;position:absolute;width:63vw}.desktop-shelves,.tablet-shelves{cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27><circle cx=%2716%27 cy=%2716%27 r=%278%27 fill=%27%23ff654a%27/></svg>") 16 16,auto;height:120vh;min-height:780px;-webkit-transform:scale(.9);transform:scale(.9)}.tablet-shelves .shelf,.tablet-shelves .shelf-contents{width:80vw}.mobile-shelves{align-items:center;display:flex;flex-direction:column;height:1200px;justify-content:center;justify-content:space-evenly;position:relative;-webkit-transform:scale(.92);transform:scale(.92);z-index:0}.mobile-shelves .mobile-shelf{width:85vw}.mobile-shelves .mobile-shelf-contents{display:flex;justify-content:space-evenly;position:absolute;width:85vw}.radio-top{background-image:repeating-linear-gradient(45deg,#7089ac,#7089ac 1%,transparent 0,transparent 5%),repeating-linear-gradient(-45deg,#7089ac,#7089ac 1%,#eaf4ff 0,#eaf4ff 5%);border:solid #7089ac;border-radius:3px 3px 0 0;border-width:6px 6px 3px;height:30px;width:145px}.radio-top:after,.radio-top:before{content:""}.radio-top:before{background-color:#7089ac;border-radius:30%;box-shadow:0 1px #414141;height:2px;position:absolute;-webkit-transform:translateY(-21px) translateX(4.5px) rotate(-14deg);transform:translateY(-21px) translateX(4.5px) rotate(-14deg);width:116px}.radio-top:after{background-color:#7089ac;border-radius:50%;display:flex;height:9px;-webkit-transform:translateY(-9px) translateX(6px);transform:translateY(-9px) translateX(6px);width:14px}.radio-bottom{border-bottom:6px solid #7089ac;border-left:6px solid #7089ac;border-radius:0 0 2px 2px;border-right:6px solid #7089ac;flex-direction:column;height:51px;width:145px}.radio-bottom,.radio-bottom .radio-display-station{align-items:center;display:flex;justify-content:center}.radio-bottom .radio-display-station{background-image:linear-gradient(#8f8f8f 0 50%,#414141 0 100%);border-radius:1px;color:#fff;font-family:Roboto Mono,monospace;font-size:.7em;height:21px;width:46.4px}.radio-bottom .radio-buttons{align-items:center;display:flex;justify-content:center;justify-content:space-between;-webkit-transform:translateY(3px);transform:translateY(3px);width:33%}.radio-bottom .radio-button1,.radio-bottom .radio-button2{align-items:center;background-color:#eaf4ff;border:1px solid #7089ac;border-radius:1px;color:#414141;display:flex;font-family:Roboto Mono,monospace;font-size:6px;height:8.5px;justify-content:center;padding:3px;width:15px}.radio-bottom .radio-button1:hover,.radio-bottom .radio-button2:hover{background-color:#7089ac;color:#eaf4ff}.radio-buttons:after,.radio-buttons:before{background-image:repeating-linear-gradient(45deg,#414141,#414141 2.5%,transparent 0,transparent 10%),repeating-linear-gradient(-45deg,#7089ac,#7089ac 2.5%,#eaf4ff 0,#eaf4ff 10%);border:2px solid #7089ac;border-radius:50%;bottom:2.32px;content:"";height:33px;position:absolute;width:33.35px}.radio-buttons:before{right:50px}.radio-buttons:after{left:50px}.radio-button1:before,.radio-button2:before{background-image:linear-gradient(90deg,#7089ac 0 80%,#414141 80%);border-radius:0 0 1px 1px;bottom:-16.5px;content:"";height:6px;position:absolute;width:13.5px}.radio-button1:before{left:-35px}.radio-button2:before{right:-35px}.radio-button1:after,.radio-button2:after{background-image:linear-gradient(90deg,#7089ac 0 80%,#414141 80%);border-radius:1px 1px 0 0;content:"";height:4.5px;position:absolute;-webkit-transform:translateY(-67.5px) translateX(30px);transform:translateY(-67.5px) translateX(30px);width:13.5px}.desktop-radio-container,.tablet-radio-container{-webkit-transform:translateY(-89px) scale(1.1);transform:translateY(-89px) scale(1.1)}.mobile-radio-container{-webkit-transform:scale(.95) translateY(-91px);transform:scale(.95) translateY(-91px)}.desktop-radio-container .radio-top,.mobile-radio-container .radio-top,.tablet-radio-container .radio-top{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 1%,transparent 0,transparent 5%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 1%,#eaf4ff 0,#eaf4ff 5%);border:solid #7ab1fd;border-width:6px 6px 3px}.desktop-radio-container .radio-top:before,.mobile-radio-container .radio-top:before,.tablet-radio-container .radio-top:before{background-color:#7ab1fd;box-shadow:0 1px #8f8f8f}.desktop-radio-container .radio-top:after,.mobile-radio-container .radio-top:after,.tablet-radio-container .radio-top:after{background-color:#7ab1fd}.desktop-radio-container .radio-bottom,.mobile-radio-container .radio-bottom,.tablet-radio-container .radio-bottom{background-color:#ffdfe9;border-bottom:6px solid #7ab1fd;border-left:6px solid #7ab1fd;border-right:6px solid #7ab1fd}.desktop-radio-container .radio-bottom .radio-display-station,.mobile-radio-container .radio-bottom .radio-display-station,.tablet-radio-container .radio-bottom .radio-display-station{align-items:center;background-color:#7ab1fd;background-color:#8f8f8f;display:flex;justify-content:center}.desktop-radio-container .radio-bottom .radio-button1,.desktop-radio-container .radio-bottom .radio-button2,.mobile-radio-container .radio-bottom .radio-button1,.mobile-radio-container .radio-bottom .radio-button2,.tablet-radio-container .radio-bottom .radio-button1,.tablet-radio-container .radio-bottom .radio-button2{background-color:#5796e9;background-color:#fff67e;border:1.5px solid #5796e9;color:#5796e9;color:#414141;font-family:Roboto Mono,monospace;font-weight:900}.desktop-radio-container .radio-bottom .radio-button1:hover,.desktop-radio-container .radio-bottom .radio-button2:hover,.mobile-radio-container .radio-bottom .radio-button1:hover,.mobile-radio-container .radio-bottom .radio-button2:hover,.tablet-radio-container .radio-bottom .radio-button1:hover,.tablet-radio-container .radio-bottom .radio-button2:hover{background-color:#ffdfe9;border:1px solid #5796e9;color:#5796e9}.desktop-radio-container .radio-bottom .radio-button1:after,.desktop-radio-container .radio-bottom .radio-button2:after,.mobile-radio-container .radio-bottom .radio-button1:after,.mobile-radio-container .radio-bottom .radio-button2:after,.tablet-radio-container .radio-bottom .radio-button1:after,.tablet-radio-container .radio-bottom .radio-button2:after{background-image:linear-gradient(90deg,#7ab1fd 0 80%,#414141 80%)}.desktop-radio-container .radio-bottom .radio-buttons:after,.desktop-radio-container .radio-bottom .radio-buttons:before,.mobile-radio-container .radio-bottom .radio-buttons:after,.mobile-radio-container .radio-bottom .radio-buttons:before,.tablet-radio-container .radio-bottom .radio-buttons:after,.tablet-radio-container .radio-bottom .radio-buttons:before{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 2.5%,transparent 0,transparent 10%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 2.5%,#eaf4ff 0,#eaf4ff 10%);border:2px solid #5796e9}.desktop-radio-container .radio-bottom .radio-button1:before,.desktop-radio-container .radio-bottom .radio-button2:before,.mobile-radio-container .radio-bottom .radio-button1:before,.mobile-radio-container .radio-bottom .radio-button2:before,.tablet-radio-container .radio-bottom .radio-button1:before,.tablet-radio-container .radio-bottom .radio-button2:before{background-image:linear-gradient(90deg,#7ab1fd 0 80%,#414141 80%)}.mobile-radio-container>.radio-top{-webkit-animation:desktop-speaker-animation1 3s ease infinite;animation:desktop-speaker-animation1 3s ease infinite}.mobile-radio-container>.radio-bottom>.radio-buttons:after,.mobile-radio-container>.radio-bottom>.radio-buttons:before{-webkit-animation:desktop-speaker-animation2 3s ease infinite;animation:desktop-speaker-animation2 3s ease infinite}.mobile-radio-container>.radio-top:before{-webkit-animation:antena-animation 5s infinite;animation:antena-animation 5s infinite}.tablet-radio-container>.radio-top{-webkit-animation:desktop-speaker-animation1 3s ease infinite;animation:desktop-speaker-animation1 3s ease infinite}.tablet-radio-container>.radio-bottom>.radio-buttons:after,.tablet-radio-container>.radio-bottom>.radio-buttons:before{-webkit-animation:desktop-speaker-animation2 3s ease infinite;animation:desktop-speaker-animation2 3s ease infinite}.tablet-radio-container>.radio-top:before{-webkit-animation:antena-animation 5s infinite;animation:antena-animation 5s infinite}.desktop-radio-container:hover>.radio-top{-webkit-animation:desktop-speaker-animation1 1s ease infinite;animation:desktop-speaker-animation1 1s ease infinite}.desktop-radio-container:hover>.radio-bottom>.radio-buttons:after,.desktop-radio-container:hover>.radio-bottom>.radio-buttons:before{-webkit-animation:desktop-speaker-animation2 1s ease infinite;animation:desktop-speaker-animation2 1s ease infinite}.desktop-radio-container:hover>.radio-top:before{-webkit-animation:antena-animation 3s infinite;animation:antena-animation 3s infinite}@-webkit-keyframes antena-animation{50%{-webkit-transform:translateY(-25.5px) translateX(6px) rotate(-21deg);transform:translateY(-25.5px) translateX(6px) rotate(-21deg);width:116px}}@keyframes antena-animation{50%{-webkit-transform:translateY(-25.5px) translateX(6px) rotate(-21deg);transform:translateY(-25.5px) translateX(6px) rotate(-21deg);width:116px}}@-webkit-keyframes speaker-animation1{50%{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 1.5%,transparent 0,transparent 5%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 1.5%,#eaf4ff 0,#eaf4ff 5%)}}@keyframes speaker-animation1{50%{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 1.5%,transparent 0,transparent 5%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 1.5%,#eaf4ff 0,#eaf4ff 5%)}}@-webkit-keyframes speaker-animation2{50%{background-image:repeating-linear-gradient(45deg,#414141,#414141 4.5%,transparent 0,transparent 13%),repeating-linear-gradient(-45deg,#414141,#414141 4.5%,#eaf4ff 0,#eaf4ff 13%)}}@keyframes speaker-animation2{50%{background-image:repeating-linear-gradient(45deg,#414141,#414141 4.5%,transparent 0,transparent 13%),repeating-linear-gradient(-45deg,#414141,#414141 4.5%,#eaf4ff 0,#eaf4ff 13%)}}@-webkit-keyframes desktop-speaker-animation1{50%{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 1.5%,transparent 0,transparent 5%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 1.5%,#eaf4ff 0,#eaf4ff 5%)}}@keyframes desktop-speaker-animation1{50%{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 1.5%,transparent 0,transparent 5%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 1.5%,#eaf4ff 0,#eaf4ff 5%)}}@-webkit-keyframes desktop-speaker-animation2{50%{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 4.5%,transparent 0,transparent 13%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 4.5%,#eaf4ff 0,#eaf4ff 13%)}}@keyframes desktop-speaker-animation2{50%{background-image:repeating-linear-gradient(45deg,#5796e9,#5796e9 4.5%,transparent 0,transparent 13%),repeating-linear-gradient(-45deg,#5796e9,#5796e9 4.5%,#eaf4ff 0,#eaf4ff 13%)}}.books-container:hover .book--1{-webkit-animation:books-animation 1s 0s forwards;animation:books-animation 1s 0s forwards}.books-container:hover .book--2{-webkit-animation:books-animation 1s .2s forwards;animation:books-animation 1s .2s forwards}.books-container:hover .book--3{-webkit-animation:books-animation 1s .4s forwards;animation:books-animation 1s .4s forwards}.books-container:hover .book--4{-webkit-animation:books-animation 1s .6s forwards;animation:books-animation 1s .6s forwards}.books-container:hover .book--5{-webkit-animation:books-animation 1s .8s forwards;animation:books-animation 1s .8s forwards}.mobile-books-container .book--1,.tablet-books-container .book--1{-webkit-animation:books-animation2 6s 0s infinite;animation:books-animation2 6s 0s infinite}.mobile-books-container .book--2,.tablet-books-container .book--2{-webkit-animation:books-animation2 6s .2s infinite;animation:books-animation2 6s .2s infinite}.mobile-books-container .book--3,.tablet-books-container .book--3{-webkit-animation:books-animation2 6s .4s infinite;animation:books-animation2 6s .4s infinite}.mobile-books-container .book--4,.tablet-books-container .book--4{-webkit-animation:books-animation2 6s .6s infinite;animation:books-animation2 6s .6s infinite}.mobile-books-container .book--5,.tablet-books-container .book--5{-webkit-animation:books-animation2 6s .8s infinite;animation:books-animation2 6s .8s infinite}@-webkit-keyframes books-animation{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes books-animation{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes books-animation2{50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes books-animation2{50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.desktop-books-container,.tablet-books-container{-webkit-transform:translateY(-139px);transform:translateY(-139px)}.mobile-books-container{-webkit-transform:scale(.9) translateY(-126px);transform:scale(.9) translateY(-126px)}.books-container{flex-direction:column}.book,.books-container{align-items:center;display:flex;justify-content:center}.book{border-radius:2px;height:22px;width:88px}.book--1{background-color:#5d758d;border-bottom-left-radius:2px;border-top-left-radius:2px;height:17.6px;margin-left:-3px;position:relative;width:70.4px;z-index:5}.book--1:after{background-image:repeating-linear-gradient(#fffefa 0 2.5px,#d3d3d3 2.5px 4px);border-bottom-left-radius:1px;border-top-left-radius:1px;content:"";height:11px;margin-left:4%;width:87.12px}.book--2{background-color:#f3b09c;border-bottom-left-radius:2px;border-top-left-radius:2px;margin-right:1.25%;position:relative;z-index:4}.book--2:after{background-image:repeating-linear-gradient(#fffefa 0 3px,#d3d3d3 3px 4.5px);border-bottom-left-radius:1px;border-top-left-radius:1px;content:"";height:16.5px;margin-left:3%;width:87.12px}.book--2:before{border-bottom:4px solid transparent;border-left:4px solid #93b1cf;border-right:4px solid #5d758d;content:"";height:8.8px;margin-right:50%;position:absolute}.book--3{background-image:linear-gradient(#ffefb8 0 60%,#fadc79 60% 40%);justify-content:space-around;margin-left:1%;position:relative;width:96.8px;z-index:3}.book--3:before{background-image:linear-gradient(#93b1cf 0 65%,#5d758d 65% 100%);content:"";height:13.2px;width:26.4px}.book--3:after{background-image:linear-gradient(#93b1cf 0 60%,#5d758d 60% 100%);border-bottom-right-radius:2px;border-top-right-radius:2px;content:"";height:22px;margin-right:-20.24px;width:17.6px}.book--4{background-image:linear-gradient(#ffeee8 0 60%,#f7d4c9 60% 100%);border-left:9px double #a0c0db;border-right:9px double #a0c0db;height:25.3px;position:relative;width:105.6px;z-index:2}.book--4:before{border-left:10px double #a0c0db;content:"";height:25.3px;padding:2px}.book--4:after{border-left:3px solid #a0c0db;content:"";height:25.3px}.book--5{background-image:linear-gradient(#92b1dd 0 60%,#7089ac 60% 100%);height:26.4px;width:123.2px}.book--5:before{border-right:14px double #eed6b9;content:"";height:26.4px;margin-right:39.6px}.book--5:after{background-image:linear-gradient(#ffeeb8 0 65%,#f5d56e 65% 100%);border-radius:1px;content:"";height:17.6px;width:30.8px}.desktop-books-container>.book--1,.mobile-books-container>.book--1,.tablet-books-container>.book--1{background-color:#aa90e7}.desktop-books-container>.book--2,.mobile-books-container>.book--2,.tablet-books-container>.book--2{background-color:#5796e9}.desktop-books-container>.book--2:before,.mobile-books-container>.book--2:before,.tablet-books-container>.book--2:before{border-bottom:4px solid transparent;border-left:4px solid #414141;border-right:4px solid #414141}.desktop-books-container>.book--3,.mobile-books-container>.book--3,.tablet-books-container>.book--3{background-image:linear-gradient(#ffe5aa 0 60%,#ffc876 60% 40%)}.desktop-books-container>.book--3:before,.mobile-books-container>.book--3:before,.tablet-books-container>.book--3:before{background-image:linear-gradient(#c4c5ff 0 65%,#9d9ee7 65% 100%);content:""}.desktop-books-container>.book--3:after,.mobile-books-container>.book--3:after,.tablet-books-container>.book--3:after{background-image:linear-gradient(#c4c5ff 0 60%,#9d9ee7 60% 100%)}.desktop-books-container>.book--4,.mobile-books-container>.book--4,.tablet-books-container>.book--4{background-image:linear-gradient(#b4ffdc 0 60%,#7cedb8 60% 100%);border-left:9px double #414141;border-right:9px double #414141}.desktop-books-container>.book--4:before,.mobile-books-container>.book--4:before,.tablet-books-container>.book--4:before{border-left:10px double #414141}.desktop-books-container>.book--4:after,.mobile-books-container>.book--4:after,.tablet-books-container>.book--4:after{border-left:3px solid #414141}.desktop-books-container>.book--5,.mobile-books-container>.book--5,.tablet-books-container>.book--5{background-image:linear-gradient(#92c1ff 0 65%,#5796e9 65% 100%)}.desktop-books-container>.book--5:before,.mobile-books-container>.book--5:before,.tablet-books-container>.book--5:before{border-right:14px double #fff67f}.desktop-books-container>.book--5:after,.mobile-books-container>.book--5:after,.tablet-books-container>.book--5:after{background-image:linear-gradient(#fffcd7 0 65%,#fff67f 65% 100%)}.desktop-books>.books-container>.book--5:before{border-right:14px double #ddd1bf}.mobile-books>.books-container>.book--2{background-color:#7ca2db}.mobile-books>.books-container>.book--2:before{border-bottom:4px solid transparent;border-left:4px solid #b6838b;border-right:4px solid #e0b2c1}.mobile-books>.books-container>.book--3{background-image:linear-gradient(#d8c5b3 0 60%,#afa190 60% 40%)}.mobile-books>.books-container>.book--5:after{background-image:linear-gradient(#ddd1bf 0 65%,#afa698 65% 100%)}.mobile-books>.books-container>.book--5:before{border-right:14px double #ddd1bf}.tape__top{background-color:#fdf7a1;border-radius:2px 0 0 1px;box-shadow:0 2.75px #fdde51;height:11px;width:34px}.tape__top:after,.tape__top:before{content:"";position:absolute}.tape__top:before{background-image:repeating-linear-gradient(90deg,transparent,transparent 11%,#414141 0,#414141 16%);height:5.5px;width:34px}.tape__top:after{border-color:transparent transparent transparent #fdde51;border-style:solid;border-width:14.3px 0 0 14.3px;height:0;margin-left:34px;width:0}.tape__bottom{background-color:#fdf7a1;box-shadow:2.75px 0 #fdde51;height:49.3px;margin-left:34px;margin-top:3.3px;position:absolute;width:11px}.tape__bottom:after,.tape__bottom:before{content:"";position:absolute}.tape__bottom:before{background-image:repeating-linear-gradient(180deg,transparent,transparent 10%,#414141 0,#414141 13%);height:47.6px;width:55%}.tape__bottom:after{background-color:#414141;border:3.3px solid #c2c2c2;border-radius:0 0 1px 1px;box-shadow:2.75px 0 #414141;height:11px;margin-top:49.3px;width:11px}.tape:hover>.tape__bottom{-webkit-animation:tape-animation1 2s;animation:tape-animation1 2s}.tape:hover>.tape__bottom:before{-webkit-animation:tape-animation2 2s;animation:tape-animation2 2s}.tape:hover>.tape__bottom:after{-webkit-animation:tape-animation3 2s;animation:tape-animation3 2s}.mobile-tape>.tape__bottom,.tablet-tape>.tape__bottom{-webkit-animation:tape-animation1 6s 1s infinite;animation:tape-animation1 6s 1s infinite}.mobile-tape>.tape__bottom:before,.tablet-tape>.tape__bottom:before{-webkit-animation:tape-animation2 6s 1s infinite;animation:tape-animation2 6s 1s infinite}.mobile-tape>.tape__bottom:after,.tablet-tape>.tape__bottom:after{-webkit-animation:tape-animation3 6s 1s infinite;animation:tape-animation3 6s 1s infinite}@-webkit-keyframes tape-animation1{50%{height:102px}}@keyframes tape-animation1{50%{height:102px}}@-webkit-keyframes tape-animation2{50%{background-image:repeating-linear-gradient(180deg,transparent,transparent 6%,#414141 0,#414141 7.5%);height:102px}}@keyframes tape-animation2{50%{background-image:repeating-linear-gradient(180deg,transparent,transparent 6%,#414141 0,#414141 7.5%);height:102px}}@-webkit-keyframes tape-animation3{50%{-webkit-transform:translateY(52.7px);transform:translateY(52.7px)}}@keyframes tape-animation3{50%{-webkit-transform:translateY(52.7px);transform:translateY(52.7px)}}.pin-cushion-container{-webkit-transform:scale(.85) translateY(1px);transform:scale(.85) translateY(1px)}.pin-cushion{background-color:#fffefb;border-radius:1px 1px 1px 1px;box-shadow:0 3px #414141;height:6px;position:relative;width:50px}.pin-cushion:before{background-color:#ffcbe9;border-radius:10em 10em 0 0;box-shadow:0 4px #ff6e6e;content:"";height:22.5px;position:absolute;-webkit-transform:translateY(-27px) translateX(2.4px);transform:translateY(-27px) translateX(2.4px);width:45px;z-index:1}.pin{background-image:linear-gradient(180deg,gray,#cfcfcf);height:20px;margin-right:8.5px;width:1px;z-index:5}.pin:before{background-color:#fc93d0;border:.1em solid #ff7cc8;border-radius:50%;content:"";height:4px;-webkit-transform:translateX(-1.4px) translateY(-4px);transform:translateX(-1.4px) translateY(-4px);width:4px}.pin:before,.pins{display:flex;position:absolute}.pins{justify-content:space-around;-webkit-transform:translateY(-32px);transform:translateY(-32px);z-index:5}.pin:first-child{-webkit-transform:rotate(-35deg) translateY(5px);transform:rotate(-35deg) translateY(5px)}.pin:nth-child(2){-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.pin:nth-child(3){-webkit-transform:rotate(-9deg) translateY(-3px);transform:rotate(-9deg) translateY(-3px)}.pin:nth-child(4){-webkit-transform:rotate(3deg) translateY(-3px);transform:rotate(3deg) translateY(-3px)}.pin:nth-child(5){-webkit-transform:rotate(20deg) translateY(-1px);transform:rotate(20deg) translateY(-1px)}.pin:nth-child(6){-webkit-transform:rotate(35deg) translateY(5px);transform:rotate(35deg) translateY(5px)}.pin-cushion-container:hover>.pins>.pin:before{-webkit-animation:pin-animation .5s infinite;animation:pin-animation .5s infinite}.mobile-pin-cushion>.pins>.pin:before,.tablet-pin-cushion>.pins>.pin:before{-webkit-animation:pin-animation 2s infinite;animation:pin-animation 2s infinite}@-webkit-keyframes pin-animation{50%{background-color:#7ab1fd;border:.1em solid #2165c6}}@keyframes pin-animation{50%{background-color:#7ab1fd;border:.1em solid #2165c6}}.sewing{align-items:flex-end;display:flex;justify-content:space-between;width:335px}.mobile-sewing-container{-webkit-transform:scale(.88) translateY(-179px);transform:scale(.88) translateY(-179px)}.desktop-sewing-container,.tablet-sewing-container{-webkit-transform:scale(1) translateY(-168px);transform:scale(1) translateY(-168px)}.desktop-sewing-container .thread{background-image:repeating-linear-gradient(35deg,#5796e9,#5796e9 0 10%,#fff896 10% 14%)}.desktop-sewing-container .thread:after{background-color:#5796e9}.needle{background-color:#ffcbe9;height:20px;position:absolute;-webkit-transform:translateY(61px) translateX(20.4545454545px);transform:translateY(61px) translateX(20.4545454545px);width:3.5px}.needle:before{background-image:linear-gradient(180deg,#414141 0 20%,transparent 20% 85%,#414141 85%);border-radius:.5px;content:"";display:flex;height:18px;-webkit-transform:translateX(-2px) translateY(3px);transform:translateX(-2px) translateY(3px);width:8px}.needle:after{background-color:#414141;border-radius:0 0 50% 50%;content:"";display:flex;height:15px;-webkit-transform:translateY(2px) translateX(1.2px);transform:translateY(2px) translateX(1.2px);width:1px}.thread{background-image:repeating-linear-gradient(35deg,#5796e9,#5796e9 0 5%,#fff896 5% 10%);height:25px;-webkit-transform:translateX(142px);transform:translateX(142px);width:16px}.thread:before{background-image:linear-gradient(180deg,#b8a0a0 0 10%,#8f7777 10% 20%,transparent 20% 80%,#b8a0a0 80% 90%,#8f7777 90%);border-radius:2px;content:"";display:flex;height:25px;-webkit-transform:translateX(-2px);transform:translateX(-2px);width:19.52px}.thread:after{background-color:#5796e9;content:"";display:flex;height:1px;-webkit-transform:translateX(-104px) translateY(-9.5px) rotate(-9.5deg);transform:translateX(-104px) translateY(-9.5px) rotate(-9.5deg);width:105px}.sewing-machine__top{background-color:#fff;border-radius:5px 5px 0 0;box-shadow:0 4px #5796e9,0 0 4px #a9c2fa;display:flex;height:50px;width:185px}.sewing-machine__top:before{background-color:#fff;border-radius:0 0 1px 1px;box-shadow:0 3px #5796e9;content:"";height:11px;position:absolute;-webkit-transform:translateY(50px);transform:translateY(50px);width:45px}.sewing-machine__top:after{background-image:linear-gradient(#ffcbe9 0 80%,#414141 80%);content:"";height:15px;-webkit-transform:translateX(75px) translateY(20px);transform:translateX(75px) translateY(20px);width:40px}.sewing-machine__right{background-color:#fff;box-shadow:-4px 0 #5796e9,0 3px 2px #5796e9;content:"";height:50px;-webkit-transform:translateX(135px);transform:translateX(135px);width:50px}.sewing-machine__right:before{background-image:linear-gradient(90deg,#ffcbe9 0 70%,#414141 70%);border-radius:0 25% 25% 0;content:"";height:35.7142857143px;position:absolute;-webkit-transform:translateY(-20px) translateX(50px);transform:translateY(-20px) translateX(50px);width:12.5px}.sewing-machine__right:after{background-image:repeating-linear-gradient(180deg,#ffcbe9 0 10%,#414141 10% 20%,transparent 20% 40%);content:"";display:flex;height:30px;-webkit-transform:translateX(18px) translateY(10px);transform:translateX(18px) translateY(10px);width:10px}.sewing-machine__bottom{background-color:#fff;border-radius:5px 0 0 0;box-shadow:0 3px #5796e9,0 2px 2px #5796e9;height:40px;-webkit-transform:translateX(-15px);transform:translateX(-15px);width:200px}.sewing-machine__bottom:before{background-image:repeating-linear-gradient(#fff896c5,#fff896c5 5%,#5796e980 5% 10%),repeating-linear-gradient(90deg,rgba(255,184,223,.9),rgba(255,184,223,.9) 5%,transparent 5% 10%);-webkit-clip-path:polygon(30% 0,90% 0,90% 20%,30% 45%);clip-path:polygon(30% 0,90% 0,90% 20%,30% 45%);content:"";display:flex;height:85px;width:125px}.desktop-sewing-container>.sewing-machine:hover>.needle:after{-webkit-animation:needle-animation .2s infinite;animation:needle-animation .2s infinite}.desktop-sewing-container>.sewing-machine:hover>.thread{-webkit-animation:thread-animation 1s infinite;animation:thread-animation 1s infinite}.desktop-sewing-container>.sewing-machine:hover>.thread:after{-webkit-animation:thread-animation2 2s infinite;animation:thread-animation2 2s infinite}.desktop-sewing-container>.sewing-machine:hover>.sewing-machine__bottom:before{-webkit-animation:fabric-animation 5s forwards;animation:fabric-animation 5s forwards}.mobile-sewing-container>.sewing-machine>.needle:after,.tablet-sewing-container>.sewing-machine>.needle:after{-webkit-animation:needle-animation .2s infinite;animation:needle-animation .2s infinite}.mobile-sewing-container>.sewing-machine>.thread,.tablet-sewing-container>.sewing-machine>.thread{-webkit-animation:thread-animation 2s infinite;animation:thread-animation 2s infinite}.mobile-sewing-container>.sewing-machine>.thread:after,.tablet-sewing-container>.sewing-machine>.thread:after{-webkit-animation:thread-animation2 2s infinite;animation:thread-animation2 2s infinite}.mobile-sewing-container>.sewing-machine>.sewing-machine__bottom:before,.tablet-sewing-container>.sewing-machine>.sewing-machine__bottom:before{-webkit-animation:fabric-animation 7s infinite;animation:fabric-animation 7s infinite}@-webkit-keyframes needle-animation{50%{-webkit-transform:translateY(-4.5px) translateX(1.2px);transform:translateY(-4.5px) translateX(1.2px)}}@keyframes needle-animation{50%{-webkit-transform:translateY(-4.5px) translateX(1.2px);transform:translateY(-4.5px) translateX(1.2px)}}@-webkit-keyframes thread-animation{50%{background-image:repeating-linear-gradient(35deg,#5796e9,#5796e9 2% 12%,#fff896 12% 16%)}}@keyframes thread-animation{50%{background-image:repeating-linear-gradient(35deg,#5796e9,#5796e9 2% 12%,#fff896 12% 16%)}}@-webkit-keyframes thread-animation2{50%{-webkit-transform:translateX(-105px) translateY(-1px) rotate(0deg);transform:translateX(-105px) translateY(-1px) rotate(0deg);-webkit-transform-origin:center left;transform-origin:center left}}@keyframes thread-animation2{50%{-webkit-transform:translateX(-105px) translateY(-1px) rotate(0deg);transform:translateX(-105px) translateY(-1px) rotate(0deg);-webkit-transform-origin:center left;transform-origin:center left}}@-webkit-keyframes fabric-animation{50%{background-image:repeating-linear-gradient(#fff896c5,#fff896c5 5%,#5796e980 5% 10%),repeating-linear-gradient(90deg,rgba(255,184,223,.9),rgba(255,184,223,.9) 5%,transparent 5% 10%);-webkit-clip-path:polygon(30% 0,90% 0,90% 20%,30% 45%);clip-path:polygon(30% 0,90% 0,90% 20%,30% 45%);content:"bob";display:flex;height:200px;width:125px}}@keyframes fabric-animation{50%{background-image:repeating-linear-gradient(#fff896c5,#fff896c5 5%,#5796e980 5% 10%),repeating-linear-gradient(90deg,rgba(255,184,223,.9),rgba(255,184,223,.9) 5%,transparent 5% 10%);-webkit-clip-path:polygon(30% 0,90% 0,90% 20%,30% 45%);clip-path:polygon(30% 0,90% 0,90% 20%,30% 45%);content:"bob";display:flex;height:200px;width:125px}}.desktop-pens-container,.tablet-pens-container{-webkit-transform:translateY(-155px) scale(.98);transform:translateY(-155px) scale(.98)}.mobile-pens-container{-webkit-transform:translateY(-151px) scale(.93);transform:translateY(-151px) scale(.93)}.cup-contents{display:flex;flex-direction:row;justify-content:space-around;-webkit-transform:translateY(23px);transform:translateY(23px)}.cup{background-image:linear-gradient(90deg,#ffdff0 0 50%,#fff8fa 50%);border:3px solid #ff9ae1;border-radius:0 0 2px 2px;height:55px;position:relative;width:54px}.cup:before{background-image:linear-gradient(#ffe9f0 0 50%,#ff9ae1 50%);border-radius:1.5px;height:4.5px;-webkit-transform:translateY(-4px) translateX(-5px);transform:translateY(-4px) translateX(-5px);width:59.4px}.cup:after,.cup:before{content:"";display:flex}.cup:after{background-image:linear-gradient(90deg,#ffdff0 0 50%,#fff8fa 50%);border-bottom:3px solid #ff9ae1;border-left:3px solid #ff9ae1;border-radius:0 0 1px 1px;border-right:3px solid #ff9ae1;height:10.8px;-webkit-transform:translateY(44px) translateX(2.5px);transform:translateY(44px) translateX(2.5px);width:43.2px}.ruler{background-image:linear-gradient(90deg,#ffc061 0 50%,#ffd494 50%);border-radius:1px;position:relative;-webkit-transform:translateX(-5px) translateY(-15px) rotate(-8deg);transform:translateX(-5px) translateY(-15px) rotate(-8deg);width:18px;z-index:0}.ruler,.ruler:before{display:flex;height:95px}.ruler:before{background-image:repeating-linear-gradient(180deg,transparent,transparent 7%,#4f4f4f 0,#4f4f4f 8.5%);content:"";-webkit-transform:translateY(5px);transform:translateY(5px);width:10.8px}.ruler:after{background-color:#d4e7ff;border-radius:50%;content:"";height:4.5px;-webkit-transform:translateY(3px) translateX(-4px);transform:translateY(3px) translateX(-4px);width:4.5px}.pen{background-image:linear-gradient(90deg,#ff92c9 0 50%,#fcbfe9 50%);border-radius:1px;height:65px;-webkit-transform:translateX(-6px) translateY(20px);transform:translateX(-6px) translateY(20px);width:8px;z-index:1}.pen:before{border-radius:50% 50% 0 0;height:7.2px;-webkit-transform:translateY(-7px) translateX(1.5px);transform:translateY(-7px) translateX(1.5px);width:5.2px}.pen:after,.pen:before{background-image:linear-gradient(90deg,#414141 0 50%,#999 50%);content:"";display:flex;position:absolute}.pen:after{border-radius:45%;height:24px;-webkit-transform:translateY(4px) translateX(2px);transform:translateY(4px) translateX(2px);width:4px}.pencil{height:80px;width:3px}.pencil:before{background-image:linear-gradient(90deg,#ff5c4a 0 50%,#ff988d 50%);border-radius:1.5px 1.5px 0 0;width:6px}.pencil:after,.pencil:before{content:"";display:flex;height:6px;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.pencil:after{background-color:#414141;box-shadow:3px 0 #bbb;width:3px}.pencil--1{background-color:#f3d860;box-shadow:3px 0 #fff67f;-webkit-transform:rotate(-3deg) translateX(-6px);transform:rotate(-3deg) translateX(-6px);z-index:0}.pencil--2{background-color:#5796e9;box-shadow:3px 0 #a3cbff;-webkit-transform:rotate(5deg) translatex(-1.5px);transform:rotate(5deg) translatex(-1.5px)}@-webkit-keyframes ruler-animation{50%{-webkit-transform:translateX(-5px) translateY(-8px) rotate(-8deg);transform:translateX(-5px) translateY(-8px) rotate(-8deg)}}@keyframes ruler-animation{50%{-webkit-transform:translateX(-5px) translateY(-8px) rotate(-8deg);transform:translateX(-5px) translateY(-8px) rotate(-8deg)}}@-webkit-keyframes pen-animation{50%{-webkit-transform:translateX(-6px) translateY(7px);transform:translateX(-6px) translateY(7px)}}@keyframes pen-animation{50%{-webkit-transform:translateX(-6px) translateY(7px);transform:translateX(-6px) translateY(7px)}}@-webkit-keyframes pencil1-animation{25%{-webkit-transform:rotate(-3deg) translateX(-5px) translateY(7px);transform:rotate(-3deg) translateX(-5px) translateY(7px)}}@keyframes pencil1-animation{25%{-webkit-transform:rotate(-3deg) translateX(-5px) translateY(7px);transform:rotate(-3deg) translateX(-5px) translateY(7px)}}@-webkit-keyframes pencil2-animation{75%{-webkit-transform:rotate(5deg) translateX(-1px) translateY(10px);transform:rotate(5deg) translateX(-1px) translateY(10px)}}@keyframes pencil2-animation{75%{-webkit-transform:rotate(5deg) translateX(-1px) translateY(10px);transform:rotate(5deg) translateX(-1px) translateY(10px)}}.desktop-pens-container:hover>.cup-contents>.ruler{-webkit-animation:ruler-animation 3s infinite;animation:ruler-animation 3s infinite}.desktop-pens-container:hover>.cup-contents>.pen{-webkit-animation:pen-animation 2s infinite;animation:pen-animation 2s infinite}.desktop-pens-container:hover>.cup-contents>.pencil--1{-webkit-animation:pencil1-animation 2s infinite;animation:pencil1-animation 2s infinite}.desktop-pens-container:hover>.cup-contents>.pencil--2{-webkit-animation:pencil2-animation 2s infinite;animation:pencil2-animation 2s infinite}.mobile-pens-container>.cup-contents>.ruler,.tablet-pens-container>.cup-contents>.ruler{-webkit-animation:ruler-animation 5.5s infinite;animation:ruler-animation 5.5s infinite}.mobile-pens-container>.cup-contents>.pen,.tablet-pens-container>.cup-contents>.pen{-webkit-animation:pen-animation 4.5s infinite;animation:pen-animation 4.5s infinite}.mobile-pens-container>.cup-contents>.pencil--1,.tablet-pens-container>.cup-contents>.penci-l-1{-webkit-animation:pencil1-animation 4.5s infinite;animation:pencil1-animation 4.5s infinite}.mobile-pens-container>.cup-contents>.pencil--2,.tablet-pens-container>.cup-contents>.pencil--2{-webkit-animation:pencil2-animation 4.5s infinite;animation:pencil2-animation 4.5s infinite}.v-books-container{align-items:flex-end;display:flex;-webkit-transform:translateY(-121px) scale(1.1);transform:translateY(-121px) scale(1.1)}.mobile-books2-container{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.tablet-books2-container{-webkit-transform:translateY(-158px) scale(1.1);transform:translateY(-158px) scale(1.1)}.v-book-end{background-color:#7ab1fd;height:55px;width:10px}.v-book-end:after{background-color:#7ab1fd;background-image:linear-gradient(180deg,#417ecc 30%,#7ab1fd 0);content:"";display:flex;height:10px;-webkit-transform:translateX(-33px) translateY(45px);transform:translateX(-33px) translateY(45px);width:33px}.v-book{border-radius:2px;height:83px;width:22.41px}.v-book--1{background-image:linear-gradient(90deg,#ffcbf5 0 50%,#ffe1fa 50% 40%);border-bottom-left-radius:1px;border-top-left-radius:1px;height:95.45px}.v-book--1:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.v-book--1:after,.v-book--1:before{border-top:14px double #414141;content:"";display:flex;height:11.205px}.v-book--1:after{-webkit-transform:translateY(60px);transform:translateY(60px)}.v-book--2{background-image:linear-gradient(90deg,#ffd787 0 50%,#ffef91 50% 40%);width:17.928px}.v-book--2:before{-webkit-transform:translateY(61.5px) translateX(0);transform:translateY(61.5px) translateX(0)}.v-book--2:after,.v-book--2:before{border-top:14px double #7ab1fd;content:"";display:flex;height:4.482px}.v-book--2:after{-webkit-transform:translateY(-6px) translateX(0);transform:translateY(-6px) translateX(0)}.v-book--3{background-image:linear-gradient(90deg,#c9b6ff 0 50%,#dcd0ff 50% 40%);height:89.64px;justify-content:space-around;position:relative;z-index:3}.v-book--3:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.v-book--3:after,.v-book--3:before{border-bottom:6.5px double #ccffe7;border-top:6.5px double #ccffe7;content:"";display:flex;height:11.205px}.v-book--3:after{-webkit-transform:translateY(55px);transform:translateY(55px)}.v-book--4{background-image:linear-gradient(90deg,#7ab1fd 0 50%,#a3c9ff 50% 100%);height:78.85px;-webkit-transform:rotate(-10deg) translate(7px);transform:rotate(-10deg) translate(7px);width:20.169px}.v-book--4:before{border-top:14px double #ffcbf6;content:"";display:flex;height:11.205px;-webkit-transform:translateY(10px);transform:translateY(10px)}.v-book--4:after{background-image:linear-gradient(90deg,#fdbaf2 0 50%,#ffd4f8 50%);border-radius:0 0 1px 1px;content:"";display:flex;height:16.6px;-webkit-transform:translateY(40px) translateX(0);transform:translateY(40px) translateX(0);width:20.169px}.desktop-books2-container:hover .v-book--1{-webkit-animation:v-books-animation 1s .2s forwards;animation:v-books-animation 1s .2s forwards}.desktop-books2-container:hover .v-book--2{-webkit-animation:v-books-animation 1s .4s forwards;animation:v-books-animation 1s .4s forwards}.desktop-books2-container:hover .v-book--3{-webkit-animation:v-books-animation 1s .6s forwards;animation:v-books-animation 1s .6s forwards}.mobile-books2-container .v-book--1,.tablet-books2-container .v-book--1{-webkit-animation:v-books-animation 5s 0s infinite;animation:v-books-animation 5s 0s infinite}.mobile-books2-container .v-book--2,.tablet-books2-container .v-book--2{-webkit-animation:v-books-animation 5s 1s infinite;animation:v-books-animation 5s 1s infinite}.mobile-books2-container .v-book--3,.tablet-books2-container .v-book--3{-webkit-animation:v-books-animation 5s 2s infinite;animation:v-books-animation 5s 2s infinite}@-webkit-keyframes v-books-animation{50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes v-books-animation{50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes v-books-animation-bookmark{50%{-webkit-transform:translateX(6px) translateY(-10px);transform:translateX(6px) translateY(-10px)}}@keyframes v-books-animation-bookmark{50%{-webkit-transform:translateX(6px) translateY(-10px);transform:translateX(6px) translateY(-10px)}}.desktop-laptop-container{-webkit-transform:scale(.97) translateY(-145px);transform:scale(.97) translateY(-145px)}.desktop-laptop-container:hover>div>div>div>p{-webkit-animation:typing-animation 5s steps(15) forwards,blink 1s infinite;animation:typing-animation 5s steps(15) forwards,blink 1s infinite}.mobile-laptop-container{-webkit-transform:scale(.78) translateY(-160px);transform:scale(.78) translateY(-160px)}.mobile-laptop-container>div>div>div>p{-webkit-animation:typing-animation 4s steps(15) infinite,blink 1s infinite;animation:typing-animation 4s steps(15) infinite,blink 1s infinite}.tablet-laptop-container{-webkit-transform:scale(.85) translateY(-154px);transform:scale(.85) translateY(-154px)}.tablet-laptop-container>div>div>div>p{-webkit-animation:typing-animation 4s steps(15) infinite,blink 1s infinite;animation:typing-animation 4s steps(15) infinite,blink 1s infinite}.laptop{align-items:center;background-color:#fcffb3;border-radius:5px 5px 0 0;box-shadow:0 0 0 1.5px #414141,0 0 0 6px #fff,0 0 10px #000,0 0 0 8px #5796e9;display:flex;height:125px;justify-content:center;width:175px;z-index:0}.laptop:before{background-color:#fff;border:2px solid #5796e9;border-bottom:3px solid #414141;border-radius:2px;box-shadow:0 0 1px #b2c1d4;content:"";height:16px;position:absolute;-webkit-transform:translateY(72px);transform:translateY(72px);width:230px}.laptop:after{background-image:linear-gradient(#b3b3b3 35%,#414141 0);border-radius:0 0 1.5px 1.5px;content:" ";height:4px;position:absolute;-webkit-transform:translateY(65px);transform:translateY(65px);width:45px}.laptop .laptop__screen{align-items:center;background-image:linear-gradient(45deg,#bfc8ff 65%,#aebcf2 0);display:flex;height:107.5px;justify-content:center;justify-content:space-around;width:164.5px}.laptop .laptop__screen:before{background-image:radial-gradient(#abebff 0 20%,grey 20% 50%,#3a3a3a 50% 90%);border-radius:50%;content:"";height:7px;position:absolute;-webkit-transform:translateX(-5px) translateY(-58.5px);transform:translateX(-5px) translateY(-58.5px);width:7px}.laptop .laptop__terminal{background-color:#1111114f;border-radius:1.5px 1.5px 0 0;border-top:7px solid #fdcfff;height:95px;-webkit-transform:translateX(0) translateY(-2px);transform:translateX(0) translateY(-2px);width:145px}.laptop .laptop__terminal:before{content:"🔴  🟡  🟢      📂 ~/ code / css-stuff";font-size:3.5px;position:absolute;-webkit-transform:translateX(3px) translateY(-6.5px);transform:translateX(3px) translateY(-6.5px)}.laptop .laptop__terminal:after{content:" "}.laptop .laptop__terminal p{border-right:1px solid #fff;color:#fff;font-family:menlo,monaco;font-size:12px;margin:0;overflow:hidden;padding:4px;white-space:nowrap;width:1.5ch}@-webkit-keyframes typing-animation{20%,to{width:85%}}@keyframes typing-animation{20%,to{width:85%}}.dessert-container{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-transform:scale(1.15) translateY(-113px);transform:scale(1.15) translateY(-113px)}.tablet-dessert-container{-webkit-transform:scale(1.15) translateY(-116px);transform:scale(1.15) translateY(-116px)}.mobile-dessert-container{-webkit-transform:translateY(-113px);transform:translateY(-113px)}.tablet-dessert-container>.dessert__spiral{visibility:visible}.dessert__stand-top{background:linear-gradient(45deg,transparent 65%,#ffffffb6 80%),radial-gradient(transparent 0 55%,#ffffffb6);border-left:2px solid #fff;border-radius:45% 45% 0 0;border-right:2px solid #fff;border-top:2px solid #fff;display:flex;height:80px;justify-content:center;position:relative;width:95px;z-index:5}.dessert__stand-top:before{background:linear-gradient(45deg,transparent 35%,#ffffffb6 60%);border:2px solid #fff;border-radius:50%;content:"";height:23.75px;-webkit-transform:translateY(-24px);transform:translateY(-24px);width:23.75px}.dessert__stand-base{align-content:center;background:linear-gradient(90deg,#5899f4 0 50%,#5899f4 50%);display:flex;height:20px;-webkit-transform:translateY(7px);transform:translateY(7px);width:15px;z-index:10}.dessert__stand-base:before{background:linear-gradient(90deg,#5899f4 0 50%,#5899f4 50%);border-radius:25px 25px 0 0;content:"";height:6px;position:absolute;-webkit-transform:translateY(20px) translateX(-7.5px);transform:translateY(20px) translateX(-7.5px);width:30px}.dessert__stand-base:after{background:radial-gradient(circle at 50% 100%,#5899f4 75%,transparent 0);background-size:15px;content:"";height:11.4px;position:absolute;-webkit-transform:translateY(-11px) translateX(-52.25px);transform:translateY(-11px) translateX(-52.25px);width:118.75px}.dessert__base{background:linear-gradient(45deg,#9d8d83 0 25%,transparent 0 75%,#9d8d83 75%),linear-gradient(45deg,#9d8d83 0 25%,transparent 0 75%,#9d8d83 75%);background-color:#fffaa1;background-position:0 0,10px 10px;background-size:20px 20px;border:2px solid #9d8d83;border-bottom:solid #fffaa1;border-radius:2px 2px 0 0;height:27px;position:absolute;-webkit-transform:scale(.9) translateY(20.7692307692px);transform:scale(.9) translateY(20.7692307692px);width:60px;z-index:4}.dessert__base:before{background:linear-gradient(#a9fff6 0 20%,#ff958d 0 40%,#a9fff6 0 60%,#ff958d 0 80%,#a9fff6 0 80%);height:13.5px;-webkit-transform:translateX(3.6px) translateY(-15.4285714286px);transform:translateX(3.6px) translateY(-15.4285714286px)}.dessert__base:after,.dessert__base:before{border-left:2px solid #9d8d83;border-right:2px solid #9d8d83;content:"";display:flex;width:48px}.dessert__base:after{background:radial-gradient(circle at 50% 0,#ff958d 36%,#a9fff6 0);background-size:10px;border-radius:4px 4px 0 0;border-top:2px solid #9d8d83;height:15px;-webkit-transform:translateX(3.6px) translateY(-40.9090909091px);transform:translateX(3.6px) translateY(-40.9090909091px)}.dessert__spiral{-webkit-animation:spiral 10s linear infinite;animation:spiral 10s linear infinite;background:radial-gradient(transparent,transparent 65%),conic-gradient(transparent 0 5%,#ffea61b4 5% 10%,transparent 10% 15%,#ffea61b4 15% 20%,transparent 20% 25%,#ffea61b4 25% 30%,transparent 30% 35%,#ffea61b4 35% 40%,transparent 40% 45%,#ffea61b4 45% 50%,transparent 50% 55%,#ffea61b4 55% 60%,transparent 60% 65%,#ffea61b4 65% 70%,transparent 70% 75%,#ffea61b4 75% 80%,transparent 80% 85%,#ffea61b4 85% 90%,transparent 90% 95%,#ffea61b4 95% 100%);border-radius:50%;content:"";height:126.9px;position:absolute;visibility:hidden;width:126.9px;z-index:1}@-webkit-keyframes spiral{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spiral{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dessert-container:hover>.dessert__spiral{visibility:visible}.newtonsCradle{align-items:center;display:flex;flex-direction:column;justify-content:center}.tablet-newtonsCradle-container{-webkit-transform:scale(.7) translateY(-165px);transform:scale(.7) translateY(-165px)}.desktop-newtonsCradle-container{-webkit-transform:scale(.7) translateY(-140px);transform:scale(.7) translateY(-140px)}.desktop-newtonsCradle-container:hover>.frame>div:first-child{-webkit-animation:swing1 2s ease infinite;animation:swing1 2s ease infinite}.desktop-newtonsCradle-container:hover>.frame>div:last-child{-webkit-animation:swing2 2s infinite;animation:swing2 2s infinite}.mobile-newtonsCradle-container{-webkit-transform:scale(.65) translateY(-146px) translateX(-20px);transform:scale(.65) translateY(-146px) translateX(-20px)}.frame{align-items:flex-end;border-radius:10px 10px 0 0;box-shadow:0 0 0 3px #5796e9,0 0 0 8px #bdffd3,0 0 0 11px #5796e9;display:flex;height:100px;justify-content:space-between;width:150px}.frame:after,.frame:before{background-color:#bdffd3;border:2px solid #5796e9;border-radius:2px;content:"";display:flex;height:10px;width:22.5px}.frame:before{-webkit-transform:translateX(-15px) translateY(1.5px);transform:translateX(-15px) translateY(1.5px)}.frame:after{-webkit-transform:translateX(15px) translateY(1.5px);transform:translateX(15px) translateY(1.5px)}.sphere{background:radial-gradient(circle at 28% 28%,#fff 0 20%,#ffe373 20% 60%,#e7ba19 60% 100%);border:2px solid #4372d1;border-radius:50%;height:22.5px;-webkit-transform:translateY(-15px);transform:translateY(-15px);width:22.5px}.sphere:before{background-color:#4372d1;content:"";display:flex;height:64px;-webkit-transform:translateX(8.25px) translateY(-65px);transform:translateX(8.25px) translateY(-65px);width:2px}.base{align-items:center;background-image:linear-gradient(#a3aeff 0 70%,#4372d1 70%);border-radius:4px 4px 0 0;display:flex;height:15px;justify-content:center;width:202.5px}@-webkit-keyframes swing1{0%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}25%{-webkit-transform:rotate(20deg) translateY(-13px) translateX(-25px);transform:rotate(20deg) translateY(-13px) translateX(-25px)}50%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}to{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}}@keyframes swing1{0%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}25%{-webkit-transform:rotate(20deg) translateY(-13px) translateX(-25px);transform:rotate(20deg) translateY(-13px) translateX(-25px)}50%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}to{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}}@-webkit-keyframes swing2{0%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}50%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}75%{-webkit-transform:rotate(-20deg) translateY(-13px) translateX(25px);transform:rotate(-20deg) translateY(-13px) translateX(25px)}to{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}}@keyframes swing2{0%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}50%{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}75%{-webkit-transform:rotate(-20deg) translateY(-13px) translateX(25px);transform:rotate(-20deg) translateY(-13px) translateX(25px)}to{-webkit-transform:rotate(0deg) translateY(-15px) translateX(0);transform:rotate(0deg) translateY(-15px) translateX(0)}}.clock{align-items:center;background-color:#fff896;border:2px solid #5796e9;border-radius:2px;color:#fff;display:flex;font-family:monospace;font-size:1.15em;font-weight:700;height:55px;justify-content:center;-webkit-transform:translateY(-61px);transform:translateY(-61px);width:110px}.clock:hover{-webkit-animation:alarm .1s infinite;animation:alarm .1s infinite}.clock:before{background-image:repeating-linear-gradient(#5796e9 0 10%,#fff896 0 15%);border-radius:0 2px 2px 0;height:27.5px;-webkit-transform:translateX(57.8947368421px);transform:translateX(57.8947368421px);width:6.1111111111px}.clock:after,.clock:before{content:"";position:absolute}.clock:after{background-image:linear-gradient(90deg,#ff92e2 0 40%,transparent 0 60%,#ff92e2 0 100%);height:3.6666666667px;-webkit-transform:translateY(-29.2553191489px) translateX(-27.5px);transform:translateY(-29.2553191489px) translateX(-27.5px);width:27.5px}.clock p{align-items:center;background:linear-gradient(90deg,transparent 0 64%,#292929 0 67%,transparent 0 100%),linear-gradient(#9b9b9b 0 50%,#4d4d4d 0 100%);border:5px solid #292929;border-radius:2px;display:flex;justify-content:center;padding:5%;width:95.652173913px}.clock p:before{background-color:#5796e9;content:"";height:6.1111111111px;position:absolute;-webkit-transform:translateY(30.5555555556px);transform:translateY(30.5555555556px);width:91.6666666667px}@-webkit-keyframes alarm-mobile{35%{-webkit-transform:translateY(-61px) rotate(10deg) scale(.93);transform:translateY(-61px) rotate(10deg) scale(.93)}65%{-webkit-transform:translateY(-61px) rotate(-10deg) scale(.93);transform:translateY(-61px) rotate(-10deg) scale(.93)}}@keyframes alarm-mobile{35%{-webkit-transform:translateY(-61px) rotate(10deg) scale(.93);transform:translateY(-61px) rotate(10deg) scale(.93)}65%{-webkit-transform:translateY(-61px) rotate(-10deg) scale(.93);transform:translateY(-61px) rotate(-10deg) scale(.93)}}@-webkit-keyframes alarm{35%{-webkit-transform:translateY(-61px) rotate(10deg);transform:translateY(-61px) rotate(10deg)}65%{-webkit-transform:translateY(-61px) rotate(-10deg);transform:translateY(-61px) rotate(-10deg)}}@keyframes alarm{35%{-webkit-transform:translateY(-61px) rotate(10deg);transform:translateY(-61px) rotate(10deg)}65%{-webkit-transform:translateY(-61px) rotate(-10deg);transform:translateY(-61px) rotate(-10deg)}}.teacup{background-image:linear-gradient(90deg,#9adeed 0 50%,#d1fff5 50%);border:2.5px solid #4890b4;border-radius:0 0 18px 18px;height:60px;position:relative;width:58px}.teacup:hover+.steam{-webkit-animation:steam 2s ease-in-out;animation:steam 2s ease-in-out}.teacup:before{background-image:radial-gradient(#eaf3ff 0 40%,#4890b4 40% 50%,#d1fff5 50%);border:2.5px solid #4890b4;border-radius:50%;content:"";height:37px;position:absolute;-webkit-transform:translateY(6px) translateX(40px);transform:translateY(6px) translateX(40px);width:34px;z-index:-1}.teacup:after{background-image:linear-gradient(90deg,transparent 0 43%,#ff8d80 43% 55%,transparent 55%),linear-gradient(180deg,transparent 0 40%,#ff8d80 40%);content:"";height:35px;position:absolute;-webkit-transform:translateY(0) translateX(10px);transform:translateY(0) translateX(10px);width:20px}.steam{background:linear-gradient(180deg,#eaf3ff,transparent),repeating-radial-gradient(circle at 25% 30%,#ff9efc 0,#ff9efc 4px,transparent 5px,transparent 10px),repeating-radial-gradient(circle at 75% 50%,#ff9efc 0,#ff9efc 4px,transparent 5px,transparent 10px);background-repeat:no-repeat;background-size:100% 100%;height:60px;opacity:1;position:absolute;-webkit-transform:translateY(-75px) translateX(4px);transform:translateY(-75px) translateX(4px);width:48px;z-index:-1}@-webkit-keyframes steam{50%{-webkit-transform:translateY(-95px) translateX(4px);transform:translateY(-95px) translateX(4px)}}@keyframes steam{50%{-webkit-transform:translateY(-95px) translateX(4px);transform:translateY(-95px) translateX(4px)}}.mobile-teacup-container{-webkit-transform:scale(.95) translateY(-91px);transform:scale(.95) translateY(-91px)}input.mobileColorSlider{cursor:pointer!important;position:relative}input.mobileColorSlider::-moz-range-track{height:6px}input.mobileColorSlider::-webkit-slider-runnable-track{height:8px}input{-webkit-appearance:none;background-color:transparent;border-radius:25px;padding:15px}input::-moz-range-track{background:linear-gradient(90deg,#ffc2c2 0,#fff2b3 17%,#bdffc1 33%,#bde8ff 50%,#abb1ff 66%,#ffbdec 83%,#ffc2c8);border-radius:20px;box-shadow:inset 1px 1px 3px #46464680;height:8px}input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffbcbc 0,#fff1ad 17%,#b8ffbd 33%,#b0e4ff 50%,#a7adff 66%,#ffbbec 83%,#ffa2ab);border-radius:20px;box-shadow:inset 1px 1px 2px #57575780;height:8px}input::-moz-range-thumb{-webkit-appearance:none;background-color:#626262;background-color:#fff;border:none;border-radius:50%;box-shadow:inset 3px 3px 2px #000;box-shadow:inset 3px 3px 2px #b0b0b0;height:20px;width:20px}input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#626262;border:none;border-radius:50%;box-shadow:inset 3px 3px 2px #000;height:20px;-webkit-transform:translateY(-5px);transform:translateY(-5px);width:20px}input::-moz-range-thumb:hover{cursor:grab;pointer-events:auto}input::-webkit-slider-thumb:hover{cursor:grab;pointer-events:auto}.vertical-text{-webkit-text-orientation:mixed;text-orientation:mixed;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr}.desktop__shelves-container{align-items:center;background-color:#e8f1ff;cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27><circle cx=%2716%27 cy=%2716%27 r=%278%27 fill=%27%23ff654a%27/></svg>") 16 16,auto;display:relative;display:flex;height:100vh;justify-content:center;overflow:hidden;right:0;width:73vw}.info-button{position:absolute;right:25px;top:20px}.info-button:hover{cursor:pointer}.info-button:hover>svg{fill:#5796e9;-webkit-animation:info-spin .5s;animation:info-spin .5s}.info-text{display:none!important}@-webkit-keyframes info-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes info-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}p.hide{display:none}.modal-overlay{background-color:#aed0ff9d;height:100vh;position:absolute;right:0;top:0;transition:all 1s ease-out;width:73vw}.modal{border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.1);display:flex;flex-direction:column;position:absolute;right:35px;top:34px}.modal__button{background-color:#212121;border:none;border-radius:50%;color:#b0d3ff;font-weight:800;height:30px;position:absolute;right:-10px;top:-14px;width:30px}.modal__button:hover{-webkit-animation:spin .5s;animation:spin .5s;cursor:pointer}.modal__content .btn{font-size:10px}.modal__content p{font-size:13px;line-height:21px}.modal__content p span{-webkit-animation:abouthover 3s infinite;animation:abouthover 3s infinite;color:#7a87ff;display:inline-block;font-family:Montserrat}.modal__content p p.hide{display:none}.modal__content a,.modal__content a:visited{color:#252525}.tablet__modal{width:100vw}.tablet__modal>.modal{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:355px}.tablet__modal>.modal>.modal__content a{color:#7a87ff}.mobile__modal{height:120.5vh;top:450px;width:100vw}.mobile__modal>.modal{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;right:25px;top:3.4vh;width:315px}.mobile__modal>.modal>.modal__content p{font-size:11px;line-height:18px}.mobile__modal>.modal>.modal__button{background-color:#212121;color:#b0d3ff;position:absolute;right:-12px;top:-15px;z-index:2}@-webkit-keyframes spin{to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@keyframes spin{to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@-webkit-keyframes abouthover{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes abouthover{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.desktop{display:flex}.desktop-content{display:flex;flex-direction:column;position:absolute;right:0;width:73vw}.tablet-shelf-container{align-items:center;background-color:#e8f1ff;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}.tablet__contact{bottom:5px;margin-left:10px;position:absolute}.mobile{display:flex;flex-direction:column}.mobile__shelves-container{background-color:#e8f1ff}.mobile__footer{align-items:center;color:#414141;display:flex;font-size:13px;height:7vh;justify-content:center}.mobile__footer span{color:#ff6464}.mobile-writing-container,.writing-container{align-items:center;cursor:auto;display:flex;height:100vh;justify-content:center}.writing-container{background:#ffeff9;background-color:#ffeff9}.mobile-writing-container{background-color:#ffeff9;height:600px}.mobile-writing-container>.paper h1{font-weight:700}.paper{background-image:repeating-linear-gradient(#ffffff80 0 6.1%,#7ab1fd 6.1% 6.4%),linear-gradient(90deg,#ffffff80 0 15%,#fd85bd 15% 15.5%,#ffffff80 15.5%);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);font-family:Grape Nuts,cursive;height:720px;-webkit-transform:rotate(2deg) scale(.8);transform:rotate(2deg) scale(.8);width:450px}.paper:before{box-shadow:inset 1px 1px 1px #b4b4b4;-webkit-transform:translateY(85px) translateX(20px);transform:translateY(85px) translateX(20px)}.paper:after,.paper:before{background-color:#ffeff9;border-radius:50%;content:"";display:flex;height:20px;width:20px}.paper:after{box-shadow:inset 1px 1px 1px #afafaf;-webkit-transform:translateY(331px) translateX(20px);transform:translateY(331px) translateX(20px)}.paper h1{color:#454545;font-size:42px;font-weight:500;-webkit-transform:translateX(80px) translateY(35px);transform:translateX(80px) translateY(35px)}.paper h1,.paper ul li{font-family:Reenie Beanie,cursive}.paper ul li{color:#383838;font-size:26px;line-height:45px;list-style:none;-webkit-transform:translateX(40px) translateY(43px);transform:translateX(40px) translateY(43px)}.paper ul li:hover{color:#fd85bd}.mobile-paper{-webkit-transform:rotate(3deg) scale(.7);transform:rotate(3deg) scale(.7)}.writing-container__pencil{background-color:#fbe890;box-shadow:6.4px 0 #fff5c3,8px 0 #fbe890;height:250px;width:8px}.writing-container__pencil:before{background-image:linear-gradient(90deg,#ff9adf 0 50%,#ffb1e6 50%);border-radius:1.5px 1.5px 0 0;width:16px}.writing-container__pencil:after,.writing-container__pencil:before{content:"";display:flex;height:16px;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.writing-container__pencil:after{background-color:#414141;box-shadow:8px 0 #9f9f9f;width:8px}.pencil-tip{border-left:8px solid transparent;border-right:8px solid transparent;border-top:19.2px solid #d9cbaa;-webkit-transform:translateY(233.75px);transform:translateY(233.75px)}.pencil-tip,.pencil-tip:before{display:block;position:absolute}.pencil-tip:before{border-left:3.2px solid transparent;border-right:3.2px solid transparent;border-top:8px solid #585858;content:"";-webkit-transform:translateY(-8px) translateX(-3.2px);transform:translateY(-8px) translateX(-3.2px)}.mobile-writing-container__pencil{-webkit-transform:rotate(220deg) translateX(135px) translateY(-170px) scale(.8);transform:rotate(220deg) translateX(135px) translateY(-170px) scale(.8)}.codeSnippets-container .codeSnippets__contents>h4{font-size:18px;font-weight:500}.codeSnippets-container .codeSnippets__contents .codeSnippets__h1:nth-of-type(n){-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat}.codeSnippets-container .codeSnippets__contents .codeSnippets__h1{background:linear-gradient(90deg,#ff8989 0 1ch,#ffed65 0 2ch,#5afb87 0 3ch,#6fa9ff 0 4ch,#9ca3ff 0 5.4ch,#ffbaeb 0 6.4ch,#ff7d8a 0 6.8ch,#ffe667 0 7.8ch,#6aff94 0 8.8ch,#6fa9ff 0 9.7ch,#9ca3ff 0 10.3ch,#ffbaeb 0 12ch);color:transparent;font-size:40px;font-weight:800;letter-spacing:2px;text-shadow:2px 2px #414141;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.codeSnippets-container .codeSnippets__contents .codeSnippets__h1:before{color:#ffc663;content:"</>";font-size:30px;position:absolute;-webkit-transform:translateX(325px) translateY(5px);transform:translateX(325px) translateY(5px)}.codeSnippets-container .codeSnippets__contents .codeSnippets__lists{display:flex;padding-top:40px}.codeSnippets-container .codeSnippets__contents .codeSnippets__lists .codeSnippets__h3{background:linear-gradient(90deg,#ff8989 0 .9ch,#ffed65 0 2ch,#5afb87 0 2.7ch,#6fa9ff 0 4ch,#9ca3ff 0 5.4ch,#ffbaeb 0 6.4ch,#ff7d8a 0 6.8ch,#ffe667 0 7.8ch,#6aff94 0 8.8ch,#6fa9ff 0 9.7ch,#9ca3ff 0 10.3ch,#ffbaeb 0 12ch);color:transparent;font-size:20px;font-weight:800;letter-spacing:2px;padding-bottom:20px;padding-top:25px;text-shadow:1.5px 1.5px #414141;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.codeSnippets-container .codeSnippets__contents .codeSnippets__lists .codeSnippets__h3:nth-of-type(n){-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat}.codeSnippets-container .codeSnippets__contents .codeSnippets__lists ul{line-height:30px;list-style-type:none;padding-left:0;padding-right:200px}.codeSnippets-container .codeSnippets__contents .codeSnippets__lists a:hover{color:#ffb535}.codeSnippets__h3:after{background-color:#414141;content:"";display:flex;height:2px;position:absolute;-webkit-transform:translateY(10px);transform:translateY(10px);width:20vw}.mobileCodeSnippets-container{align-items:center;color:#414141;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:550px;justify-content:space-around}.mobileCodeSnippets-container div{width:80vw}.mobileCodeSnippets-container h1{background:linear-gradient(90deg,#ff8989 0 1.2ch,#ffed65 0 2.3ch,#5afb87 0 3.5ch,#6fa9ff 0 4.5ch,#9ca3ff 0 6.2ch,#ffbaeb 0 7.3ch,#ff7d8a 0 6.8ch,#ffe667 0 7.8ch,#6aff94 0 8.9ch,#6fa9ff 0 9.8ch,#9ca3ff 0 11ch,#ffbaeb 0 12ch,#ff8989 0 13ch);color:transparent;font-size:25px;font-weight:800;letter-spacing:2px;padding-bottom:20px;padding-top:15px;text-shadow:1.5px 1.5px #414141;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mobileCodeSnippets-container h1:before{color:#ffb535;content:"</>";position:absolute;-webkit-transform:translateX(230px);transform:translateX(230px)}.mobileCodeSnippets-container h1:after{background-color:#414141;content:"";display:flex;height:2px;position:absolute;-webkit-transform:translateY(10px);transform:translateY(10px);width:80vw}.mobileCodeSnippets-container h1:nth-of-type(n){-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat}.mobileCodeSnippets-container h3{color:#414141;font-size:16px}.mobileCodeSnippets-container h3:after{width:80vw}.mobileCodeSnippets-container p{font-size:12px;font-weight:600;padding-bottom:18px}.mobileCodeSnippets-container ul{font-size:13px;padding:0}.mobileCodeSnippets-container li{color:#5796e9;line-height:22px;list-style:none}.mobileCodeSnippets-container a:hover{color:#5796e9}.e-threads{display:flex;justify-content:space-between;padding-top:20px;width:80vw}.e-thread{background-image:repeating-linear-gradient(35deg,#fcffca,#fcffca 0 5%,#525252 5% 8%);height:50px;right:75px;width:30px}.e-thread:before{background-image:linear-gradient(180deg,#838383 0 8%,#414141 8% 16%,transparent 16% 86%,#838383 86% 92%,#414141 92%);border-radius:2px;content:"";display:flex;height:50px;-webkit-transform:translateX(-3px);transform:translateX(-3px);width:36px}.mobile-embroidery-container{background-color:#e4fbff;background-color:#ddd8ff;color:#414141;font-family:Montserrat,sans-serif;height:345px;padding-left:10%;padding-top:10%}.mobile-embroidery-container .mobile-embroider-content{width:80vw}.mobile-embroidery-container a{color:#fdff9c}.mobile-embroidery-container a:hover{color:#414141}.mobile-embroidery-container h1{color:#414141;font-size:20px;padding-bottom:20px;padding-top:25px}.mobile-embroidery-container h1:after{background-color:#414141;content:"";display:flex;height:2px;position:absolute;width:80vw}.mobile-embroidery-container p{font-size:14px;margin-bottom:15px}@-webkit-keyframes move-text{50%{-webkit-transform:translateX(-175%);transform:translateX(-175%)}}@keyframes move-text{50%{-webkit-transform:translateX(-175%);transform:translateX(-175%)}}@-webkit-keyframes move-text2{50%{-webkit-transform:translateX(175%);transform:translateX(175%)}}@keyframes move-text2{50%{-webkit-transform:translateX(175%);transform:translateX(175%)}}@-webkit-keyframes move-text3{50%{-webkit-transform:translateX(-175%);transform:translateX(-175%)}}@keyframes move-text3{50%{-webkit-transform:translateX(-175%);transform:translateX(-175%)}}.text{-webkit-animation:move-text 150s linear infinite;animation:move-text 150s linear infinite}@media screen and (max-width:400px){.text{-webkit-animation:move-text 75s linear infinite;animation:move-text 75s linear infinite}}.text2{-webkit-animation:move-text2 150s linear infinite;animation:move-text2 150s linear infinite}@media screen and (max-width:400px){.text2{-webkit-animation:move-text2 75s linear infinite;animation:move-text2 75s linear infinite}}.text3{-webkit-animation:move-text3 150s linear infinite;animation:move-text3 150s linear infinite}@media screen and (max-width:400px){.text3{-webkit-animation:move-text3 75s linear infinite;animation:move-text3 75s linear infinite}}.circle{background-color:#56a7fc;border-radius:50%;height:65%;width:65%}.square{background-color:#ffb1cf;height:60%;width:60%}.triangle{border:3em solid transparent;border-bottom:5em solid #ffe984;-webkit-transform:scale(1.25) translateY(-23px);transform:scale(1.25) translateY(-23px)}.pentagon{background-color:transparent;border-color:#c39eff transparent;border-style:solid;border-width:51px 18px 0;box-sizing:content-box;position:relative;-webkit-transform:scale(1.3) translateY(18px);transform:scale(1.3) translateY(18px);width:54px}.pentagon:before{border-color:transparent transparent #c39eff;border-style:solid;border-width:0 45px 35px;content:"";height:0;left:-18px;position:absolute;top:-85px;width:0}.oval{background-color:#d1fff8;border-radius:50%;height:70%;width:50%}.rectangle{background-color:#ff9666;height:65%;width:45%}.trapezoid{background-color:transparent;border-bottom:80px solid #536fb8;border-left:30px solid transparent;border-right:30px solid transparent;height:0;width:125px}.parallelogram{background-color:#e9ffab;height:53%;-webkit-transform:skew(20deg);transform:skew(20deg);width:53%}.hexagon{background-color:#ffc2ef;height:62px;margin-top:30px;position:relative;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:104px}.hexagon:before{border-bottom:30.5px solid #ffc2ef;content:" ";height:0;top:-30px}.hexagon:after,.hexagon:before{border-left:52px solid transparent;border-right:52px solid transparent;position:absolute;width:0}.hexagon:after{border-top:30px solid #ffc2ef;bottom:-29.5px;content:""}.octagon{background:#ff8080;height:100px;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);width:100px}.octagon:before{border-bottom:29px solid #ff8080;top:0}.octagon:after,.octagon:before{border-left:29px solid #e7c9ff;border-right:29px solid #e7c9ff;content:"";height:0;left:0;position:absolute;width:100px}.octagon:after{border-top:29px solid #ff8080;bottom:0}.star{background-color:transparent;border-bottom:70px solid #ed79ce;border-left:100px solid transparent;border-right:100px solid transparent;color:#fff;display:block;height:0;margin:50px 0;position:relative;-webkit-transform:rotate(35deg) scale(.65);transform:rotate(35deg) scale(.65);width:0}.star:before{border-bottom:80px solid #ed79ce;border-left:30px solid transparent;border-right:30px solid transparent;left:-65px;top:-45px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}.star:after,.star:before{content:"";display:block;height:0;position:absolute;width:0}.star:after{border-bottom:70px solid #ed79ce;border-left:100px solid transparent;border-right:100px solid transparent;color:#fff;left:-105px;top:3px;-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}.heart{display:inline-block;margin:0 10px;position:relative;top:0;-webkit-transform:translateY(10px) rotate(-45deg) scale(2.15);transform:translateY(10px) rotate(-45deg) scale(2.15)}.heart,.heart:after,.heart:before{background-color:#a6ffbe;height:30px;width:30px}.heart:after,.heart:before{border-radius:50%;content:"";position:absolute}.heart:before{left:0;top:-17px}.heart:after{left:17px;top:0}.shapebox-10:hover,.shapebox-11:hover,.shapebox-12:hover,.shapebox-1:hover,.shapebox-2:hover,.shapebox-3:hover,.shapebox-4:hover,.shapebox-5:hover,.shapebox-6:hover,.shapebox-7:hover,.shapebox-8:hover,.shapebox-9:hover{background-color:#292929}.shapebox-1:hover .circle,.shapebox-1:hover .oval,.shapebox-1:hover .parallelogram,.shapebox-1:hover .rectangle,.shapebox-1:hover .square,.shapebox-2:hover .circle,.shapebox-2:hover .oval,.shapebox-2:hover .parallelogram,.shapebox-2:hover .rectangle,.shapebox-2:hover .square,.shapebox-5:hover .circle,.shapebox-5:hover .oval,.shapebox-5:hover .parallelogram,.shapebox-5:hover .rectangle,.shapebox-5:hover .square,.shapebox-8:hover .circle,.shapebox-8:hover .oval,.shapebox-8:hover .parallelogram,.shapebox-8:hover .rectangle,.shapebox-8:hover .square,.shapebox-9:hover .circle,.shapebox-9:hover .oval,.shapebox-9:hover .parallelogram,.shapebox-9:hover .rectangle,.shapebox-9:hover .square{background-color:#fcfcfc}.shapebox-3:hover .triangle{border-bottom:5em solid #fcfcfc}.shapebox-4:hover .pentagon{border-color:#fcfcfc transparent}.shapebox-4:hover .pentagon:before{border-color:transparent transparent #fcfcfc}.shapebox-6:hover .trapezoid{border-bottom:80px solid #fcfcfc}.shapebox-7:hover .octagon{background-color:#fcfcfc}.shapebox-7:hover .octagon:before{border-bottom:29px solid #fcfcfc;border-left:29px solid #292929;border-right:29px solid #292929}.shapebox-7:hover .octagon:after{border-left:29px solid #292929;border-right:29px solid #292929;border-top:29px solid #fcfcfc}.shapebox-10:hover .hexagon{background-color:#fcfcfc}.shapebox-10:hover .hexagon:before{border-bottom:30px solid #fcfcfc}.shapebox-10:hover .hexagon:after{border-top:30px solid #fcfcfc}.shapebox-11:hover .star{border-bottom:70px solid #fcfcfc}.shapebox-11:hover .star:before{border-bottom:80px solid #fcfcfc}.shapebox-11:hover .star:after{border-bottom:70px solid #fcfcfc}.shapebox-12:hover .heart,.shapebox-12:hover .heart:after,.shapebox-12:hover .heart:before{background-color:#fcfcfc}@media(min-width:642px)and (max-width:999px){.triangle{-webkit-transform:scale(1) translateY(-20px);transform:scale(1) translateY(-20px)}.pentagon{-webkit-transform:scale(1.1) translateY(18px);transform:scale(1.1) translateY(18px)}.trapezoid{-webkit-transform:scale(.8);transform:scale(.8)}.octagon{-webkit-transform:scale(.92);transform:scale(.92)}.hexagon{-webkit-transform:scale(.85) translateY(-13px);transform:scale(.85) translateY(-13px)}.star{-webkit-transform:rotate(35deg) scale(.55);transform:rotate(35deg) scale(.55)}.heart{-webkit-transform:translateY(10px) rotate(-45deg) scale(1.9);transform:translateY(10px) rotate(-45deg) scale(1.9)}}@media(min-width:536px)and (max-width:642px){.triangle{-webkit-transform:scale(.85) translateY(-20px);transform:scale(.85) translateY(-20px)}.pentagon{-webkit-transform:scale(.9) translateY(18px);transform:scale(.9) translateY(18px)}.trapezoid{-webkit-transform:scale(.7);transform:scale(.7)}.octagon{-webkit-transform:scale(.8);transform:scale(.8)}.hexagon{-webkit-transform:scale(.7) translateY(-18px);transform:scale(.7) translateY(-18px)}.star{-webkit-transform:rotate(35deg) scale(.48);transform:rotate(35deg) scale(.48)}.heart{-webkit-transform:translateY(10px) rotate(-45deg) scale(1.55);transform:translateY(10px) rotate(-45deg) scale(1.55)}}@media(max-width:536px){.triangle{-webkit-transform:scale(.75) translateY(-25px);transform:scale(.75) translateY(-25px)}.pentagon{-webkit-transform:scale(.8) translateY(18px);transform:scale(.8) translateY(18px)}.trapezoid{border-bottom:65px solid #536fb8}.octagon,.trapezoid{-webkit-transform:scale(.7);transform:scale(.7)}.hexagon{-webkit-transform:scale(.62) translateY(-22px);transform:scale(.62) translateY(-22px)}.star{-webkit-transform:rotate(35deg) scale(.4);transform:rotate(35deg) scale(.4)}.heart{-webkit-transform:translateY(10px) rotate(-45deg) scale(1.35);transform:translateY(10px) rotate(-45deg) scale(1.35)}}.shapebox-1{background-color:#ffdbe0}.shapebox-1,.shapebox-2{align-items:center;display:flex;height:175px;justify-content:center;width:175px}.shapebox-2{background-color:#cafcd2}.shapebox-3{background-color:#9ea5ff}.shapebox-3,.shapebox-4{align-items:center;display:flex;height:175px;justify-content:center;width:175px}.shapebox-4{background-color:#ffe984}.shapebox-5{background-color:#ff9191}.shapebox-5,.shapebox-6{align-items:center;display:flex;height:175px;justify-content:center;width:175px}.shapebox-6{background-color:#ccf3ff}.shapebox-7{background-color:#e7c9ff}.shapebox-7,.shapebox-8{align-items:center;display:flex;height:175px;justify-content:center;width:175px}.shapebox-8{background-color:#8fc1ff}.shapebox-9{background-color:#e5ffb5}.shapebox-10,.shapebox-9{align-items:center;display:flex;height:175px;justify-content:center;width:175px}.shapebox-10{background-color:#4791ff}.shapebox-11{background-color:#fffbab}.shapebox-11,.shapebox-12{align-items:center;display:flex;height:175px;justify-content:center;width:175px}.shapebox-12{background-color:#ffb88c}.shapesgrid__container{z-index:20}.shapesgrid,.shapesgrid__container{align-items:center;display:flex;justify-content:center}.shapesgrid{flex-flow:row wrap;-webkit-transform:scale(1);transform:scale(1)}@media(max-width:536px){.shapebox{height:100px;width:100px}}@media(min-width:536px)and (max-width:642px){.shapebox{height:125px;width:125px}}@media(min-width:642px)and (max-width:999px){.shapebox{height:150px;width:150px}.triangle{-webkit-transform:scale(1);transform:scale(1)}}@media(max-width:1550px)and (min-width:1250px){.shapesgrid{width:60vw}}@media(min-width:1459px){.shapesgrid{width:1050px}}.CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}.CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-50px;margin-right:-50px;outline:none;overflow:scroll!important;padding-bottom:50px;position:relative;z-index:0}.CodeMirror-sizer{border-right:50px solid transparent;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;outline:none;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-50px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:none!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{word-wrap:normal;-webkit-tap-highlight-color:transparent;-webkit-font-feature-settings:"calt";font-feature-settings:"calt";background:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:content-box}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-material.CodeMirror{background-color:#263238;color:#eff}.cm-s-material .CodeMirror-gutters{background:#263238;border:none;color:#546e7a}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#546e7a}.cm-s-material .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material .cm-animate-fat-cursor,.cm-s-material.cm-fat-cursor .CodeMirror-cursor{background-color:#5d6d5c80!important}.cm-s-material div.CodeMirror-selected,.cm-s-material.CodeMirror-focused div.CodeMirror-selected{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material .cm-keyword{color:#c792ea}.cm-s-material .cm-operator{color:#89ddff}.cm-s-material .cm-variable-2{color:#eff}.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#f07178}.cm-s-material .cm-builtin{color:#ffcb6b}.cm-s-material .cm-atom{color:#f78c6c}.cm-s-material .cm-number{color:#ff5370}.cm-s-material .cm-def{color:#82aaff}.cm-s-material .cm-string{color:#c3e88d}.cm-s-material .cm-string-2{color:#f07178}.cm-s-material .cm-comment{color:#546e7a}.cm-s-material .cm-variable{color:#f07178}.cm-s-material .cm-tag{color:#ff5370}.cm-s-material .cm-meta{color:#ffcb6b}.cm-s-material .cm-attribute,.cm-s-material .cm-property{color:#c792ea}.cm-s-material .cm-qualifier,.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#decb6b}.cm-s-material .cm-error{background-color:#ff5370;color:#fff}.cm-s-material .CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline}.practice-container{align-items:center;background-color:#fffefa;display:flex;flex-direction:column;height:87vh;justify-content:center}.workspace{align-self:center;width:75vw}@media(max-width:500px){.workspace{width:93vw}}.practice-heading{background-color:#fffefa;height:10%;text-align:center;width:100vw}.top-pane{height:40vh}.bottom-pane,.top-pane{background-color:#fffefa}.bottom-pane{align-self:center;border:2.5px solid #d6f1ff;border-radius:0 0 6px 6px;border-top-width:3px;height:38vh}.pane{display:flex}.editor__container{display:flex;flex-basis:0;flex-direction:column;flex-grow:1}.editor-container.collapsed .CodeMirror-scroll{overflow:hidden!important;position:absolute}.editor__title{background-color:#d6f1ff;color:#292929;display:flex;font:900 18px Source Code Pro,monospace;height:2em;padding:.5rem .5rem .5rem 1rem}.CodeMirror{height:100%!important}.code-mirror-wrapper{flex-grow:1;overflow:hidden}.cm-s-material.CodeMirror{background-color:#fffefa}.cm-s-material .CodeMirror-gutters{background-color:#292929}.CodeMirror-linenumber{color:#d6f1ff!important;font-size:12px}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror pre.CodeMirror-line{font-size:12px;line-height:18px}.cm-s-material.CodeMirror{background-color:#292929;border:2.5px solid #d6f1ff}.CodeMirror-linenumber{margin-top:1.5px}@media(max-width:757px){.CodeMirror pre.CodeMirror-line{font-size:11px;line-height:17px}.editor__title{font:900 15px Source Code Pro,monospace}}@media(max-width:644px){.CodeMirror pre.CodeMirror-line{font-size:10px;line-height:16px}.editor__title{font:900 14px Source Code Pro,monospace}.CodeMirror-linenumber{font-size:9px}.top-pane{height:45vh}}@media(max-width:594px){.editor__container{display:flex;flex-grow:0}.editor__container--html{width:0}.editor__container--css{flex-basis:auto;width:100%}.editor__title{font:900 16px Source Code Pro,monospace}.CodeMirror-linenumber{font-size:12px}.CodeMirror pre.CodeMirror-line{font-size:12px;line-height:16.5px}}@media(max-width:390px){.editor__container{display:flex;flex-grow:0}.editor__container--html{width:0}.editor__container--css{flex-basis:auto;width:100%}.editor__title{font:900 16px Source Code Pro,monospace}.CodeMirror-linenumber{font-size:10px}.CodeMirror pre.CodeMirror-line{font-size:10px;line-height:16px}}:root{--height:210px;--width:225px;--black:#2d2d2d}.color-card{box-shadow:0 3px 8px rgba(0,0,0,.3)}.color-card__top{background-color:#bde1ff;border-radius:3px 3px 0 0;height:210px;height:var(--height);width:225px;width:var(--width)}.color-card__top:hover{cursor:pointer}.color-card__bottom{align-items:center;background-color:#fff;border-radius:0 0 3px 3px;display:flex;height:73.5px;height:calc(var(--height)*.35);justify-content:space-around;width:225px;width:var(--width)}p.instructions{font-size:18px;font-weight:200}p#hexNum,p.instructions{color:#2d2d2d;color:var(--black);font-family:Roboto,sans-serif}p#hexNum{font-size:28px;font-weight:500;letter-spacing:1px}.copy:hover{cursor:pointer}.copy:active{-webkit-transform:scale(.9);transform:scale(.9)}.copy,.copy:after{background-color:#fff;border:2px solid #2d2d2d;border:2px solid var(--black);border-radius:2px;height:16.8px;height:calc(var(--height)*.08);width:15.75px;width:calc(var(--width)*.07)}.copy:after{content:"";position:absolute;-webkit-transform:translateX(3px) translateY(3px) translateZ(-1px);transform:translateX(3px) translateY(3px) translateZ(-1px)}.tooltip{color:#2d2d2d;color:var(--black);content:"copy hex";display:none;flex:0 0 100%;font-family:Roboto,sans-serif;font-size:10px;font-weight:200;height:18.9px;height:calc(var(--height)*.09);position:absolute;-webkit-transform:translateX(91px) translateY(27px);transform:translateX(91px) translateY(27px);width:56.25px;width:calc(var(--width)*.25)}.copy:hover+.tooltip{display:inline}*{margin:0}:root{--clr1:#ffc7f1;--clr2:#ff59d0;--clr3:#88dbc9;--clr4:#fff9c4;--clr5:#3c965f;--clr6:#ffc9d4;--clr7:#abcfff;--clr8:#a085c7;--clr9:#ffbf5e;--clr10:#d0f2ae;--clr11:#ff7385;--clr12:#4f69b3}.checkerboards{display:grid;grid-template-columns:repeat(3,1fr);height:400px;width:600px}.checkerboard:first-child{background-color:#ff59d0;background-color:var(--clr2);background-image:linear-gradient(45deg,#ffc7f1 25%,transparent 0),linear-gradient(135deg,#ffc7f1 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ffc7f1 0),linear-gradient(135deg,transparent 75%,#ffc7f1 0);background-image:linear-gradient(45deg,var(--clr1) 25%,transparent 25%),linear-gradient(135deg,var(--clr1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--clr1) 75%),linear-gradient(135deg,transparent 75%,var(--clr1) 75%)}.checkerboard:first-child,.checkerboard:nth-child(2){background-position:0 0,40px 0,40px -40px,0 40px;background-size:80px 80px}.checkerboard:nth-child(2){background-color:#88dbc9;background-color:var(--clr3);background-image:linear-gradient(45deg,#fff9c4 25%,transparent 0),linear-gradient(135deg,#fff9c4 25%,transparent 0),linear-gradient(45deg,transparent 75%,#fff9c4 0),linear-gradient(135deg,transparent 75%,#fff9c4 0);background-image:linear-gradient(45deg,var(--clr4) 25%,transparent 25%),linear-gradient(135deg,var(--clr4) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--clr4) 75%),linear-gradient(135deg,transparent 75%,var(--clr4) 75%)}.checkerboard:nth-child(3){background-color:#3c965f;background-color:var(--clr5);background-image:linear-gradient(45deg,#ffc9d4 25%,transparent 0),linear-gradient(135deg,#ffc9d4 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ffc9d4 0),linear-gradient(135deg,transparent 75%,#ffc9d4 0);background-image:linear-gradient(45deg,var(--clr6) 25%,transparent 25%),linear-gradient(135deg,var(--clr6) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--clr6) 75%),linear-gradient(135deg,transparent 75%,var(--clr6) 75%)}.checkerboard:nth-child(3),.checkerboard:nth-child(4){background-position:0 0,40px 0,40px -40px,0 40px;background-size:80px 80px}.checkerboard:nth-child(4){background-color:#abcfff;background-color:var(--clr7);background-image:linear-gradient(45deg,#a085c7 25%,transparent 0),linear-gradient(135deg,#a085c7 25%,transparent 0),linear-gradient(45deg,transparent 75%,#a085c7 0),linear-gradient(135deg,transparent 75%,#a085c7 0);background-image:linear-gradient(45deg,var(--clr8) 25%,transparent 25%),linear-gradient(135deg,var(--clr8) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--clr8) 75%),linear-gradient(135deg,transparent 75%,var(--clr8) 75%)}.checkerboard:nth-child(5){background-color:#ffbf5e;background-color:var(--clr9);background-image:linear-gradient(45deg,#d0f2ae 25%,transparent 0),linear-gradient(135deg,#d0f2ae 25%,transparent 0),linear-gradient(45deg,transparent 75%,#d0f2ae 0),linear-gradient(135deg,transparent 75%,#d0f2ae 0);background-image:linear-gradient(45deg,var(--clr10) 25%,transparent 25%),linear-gradient(135deg,var(--clr10) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--clr10) 75%),linear-gradient(135deg,transparent 75%,var(--clr10) 75%)}.checkerboard:nth-child(5),.checkerboard:nth-child(6){background-position:0 0,40px 0,40px -40px,0 40px;background-size:80px 80px}.checkerboard:nth-child(6){background-color:#ff7385;background-color:var(--clr11);background-image:linear-gradient(45deg,#4f69b3 25%,transparent 0),linear-gradient(135deg,#4f69b3 25%,transparent 0),linear-gradient(45deg,transparent 75%,#4f69b3 0),linear-gradient(135deg,transparent 75%,#4f69b3 0);background-image:linear-gradient(45deg,var(--clr12) 25%,transparent 25%),linear-gradient(135deg,var(--clr12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--clr12) 75%),linear-gradient(135deg,transparent 75%,var(--clr12) 75%)}*,:after,:before{box-sizing:border-box;margin:0}.invert-wrapper{-webkit-filter:invert(1) hue-rotate(160deg) contrast(1) saturate(2);filter:invert(1) hue-rotate(160deg) contrast(1) saturate(2)}.teacup-container{-webkit-transform:scale(.95) translateY(-64px);transform:scale(.95) translateY(-64px)}@media screen and (max-width:755px){.tablet-digitalClock-container{-webkit-transform:scale(.85) translateY(-66px);transform:scale(.85) translateY(-66px)}.tablet-dessert-container{-webkit-transform:scale(.95) translateY(-129px);transform:scale(.95) translateY(-129px)}.tablet-laptop-container{-webkit-transform:scale(.8) translateY(-158px);transform:scale(.8) translateY(-158px)}.tablet-radio-container{-webkit-transform:scale(.93) translateY(-92px);transform:scale(.93) translateY(-92px)}}@media screen and (max-width:481px){.mobile-digitalClock-container{-webkit-transform:scale(.8) translateY(-68px);transform:scale(.8) translateY(-68px)}.mobile-laptop-container{-webkit-transform:scale(.8) translateY(-158px);transform:scale(.8) translateY(-158px)}.mobile-books-container{-webkit-transform:scale(.88) translateY(-128px);transform:scale(.88) translateY(-128px)}.mobile-paper h1{font-size:35px;-webkit-transform:translateX(80px) translateY(28px);transform:translateX(80px) translateY(28px)}.mobile-paper ul li{font-size:22px;-webkit-transform:translateX(40px) translateY(70px);transform:translateX(40px) translateY(70px)}.mobile-writing-container__pencil{-webkit-transform:rotate(220deg) translateX(135px) translateY(-170px) scale(.7);transform:rotate(220deg) translateX(135px) translateY(-170px) scale(.7)}}@media screen and (max-width:420px){.mobile__about{font-size:10.8px;line-height:17px}.mobile__about h1{font-size:16.8px}.mobile-radio-container{-webkit-transform:scale(.84) translateY(-102px);transform:scale(.84) translateY(-102px)}.mobile-pens-container{-webkit-transform:scale(.8) translateY(-175px);transform:scale(.8) translateY(-175px)}.sewing-machine{-webkit-transform:scale(.85) translateY(16px);transform:scale(.85) translateY(16px)}.mobile-laptop-container{-webkit-transform:scale(.65) translateY(-177px);transform:scale(.65) translateY(-177px)}.pin-cushion-container{-webkit-transform:scale(.7) translateY(2px);transform:scale(.7) translateY(2px)}.tape{-webkit-transform:scale(.85) translateY(2px);transform:scale(.85) translateY(2px)}.mobile-books-container{-webkit-transform:scale(.78) translateY(-137px);transform:scale(.78) translateY(-137px)}.mobile-books2-container{-webkit-transform:scale(.85) translateY(-109px);transform:scale(.85) translateY(-109px)}.mobile-dessert-container{-webkit-transform:scale(.85) translateY(-122px);transform:scale(.85) translateY(-122px)}.mobile-paper h1{font-size:32px;-webkit-transform:translateX(80px) translateY(30px);transform:translateX(80px) translateY(30px)}.mobile-paper ul li{font-size:22px;-webkit-transform:translateX(26px) translateY(77px);transform:translateX(26px) translateY(77px)}.mobile-writing-container__pencil{-webkit-transform:rotate(220deg) translateX(135px) translateY(-170px) scale(.65);transform:rotate(220deg) translateX(135px) translateY(-170px) scale(.65)}.mobile-teacup-container{-webkit-transform:scale(.8) translateY(-74px);transform:scale(.8) translateY(-74px)}.mobile-newtonsCradle-container{-webkit-transform:scale(.8) translateY();transform:scale(.8) translateY()}}@media screen and (max-width:321px){.mobile-radio-container{-webkit-transform:scale(.75) translateY(-112px);transform:scale(.75) translateY(-112px)}.mobile-pens-container{-webkit-transform:scale(.72) translateY(-186px);transform:scale(.72) translateY(-186px)}.mobile-laptop-container{-webkit-transform:scale(.58) translateY(-188px);transform:scale(.58) translateY(-188px)}.mobile-books-container{-webkit-transform:scale(.65) translateY(-154px);transform:scale(.65) translateY(-154px)}.mobile-books2-container{-webkit-transform:scale(.78) translateY(-114px);transform:scale(.78) translateY(-114px)}}
/*# sourceMappingURL=main.fc8ee68b.css.map*/