@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:5px;height:5px}Track ::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#b3b3b3}::-webkit-scrollbar-track{background:transparent}.navContainer{display:flex;flex-direction:row;justify-content:space-between;width:100%;background-color:#f0f0f0}.navLinksContainer ul{list-style:none;display:flex;flex-direction:row}.navLinksContainer ul #dropdown-item-button{background:linear-gradient(90deg,#d4d3dd,#efefbb);border-radius:10px 20px 0;width:100px;margin-left:10px;margin-top:13px;border-bottom:2px solid rgba(221,57,75,.5);transition-duration:.2s;position:relative;text-align:center;transition-timing-function:ease-in-out}.navLinksContainer ul #dropdown-item-button:hover{box-shadow:0 5px 10px 0 rgba(221,57,75,.5);border-bottom:3px solid rgba(255,4,4,.6);margin-top:11px;background:linear-gradient(90deg,#c9d6ff,#e2e2e2)}.navLinksContainer button{z-index:10;height:50px;width:100%;border:0;border-radius:4px;background:#c9d6ff;background:linear-gradient(90deg,#e2e2e2,#c9d6ff)}.mobileToggleButton{padding:10px;position:relative;top:13px}.mobileToggleButton button:active{top:13px}.navMobile{justify-content:right}.navMobile,.navMobile ul{display:flex;flex-direction:column}@media only screen and (max-width:768px){.navContainer{display:flex;justify-content:none;width:100%;background-color:#f0f0f0}.navLinksContainer ul #dropdown-item-button{background:linear-gradient(90deg,#d4d3dd,#efefbb);border-radius:10px 20px 0;width:100px;margin-left:10px;margin-top:13px;border-bottom:2px solid rgba(221,57,75,.5);transition-duration:.2s;position:relative;text-align:center;transition-timing-function:ease-in-out}.navLinksContainer ul #dropdown-item-button:hover{box-shadow:none;border-bottom:none;margin-top:13px}}.error{height:75vh;display:flex;justify-content:center;align-items:center;text-align:center;background:url(/static/media/2.069e9a7d.jpeg) no-repeat fixed;background-size:cover;background-position:bottom}.error h1{color:#eeecec;font-family:"Lilita One",cursive;-webkit-text-stroke:1px #000}@media only screen and (max-width:768px){.error{width:104%}}.footer{color:#000;position:relative;bottom:0;padding:5px;text-align:center;background:#757f9a;background:linear-gradient(-50deg,#d7dde8,#757f9a);border-top:4px solid rgba(224,60,59,.5019607843137255);border-radius:5px 5px 0 0;transition-duration:1s;opacity:.8;-webkit-animation:Border 2s ease-in-out infinite;animation:Border 2s ease-in-out infinite}.footer ul{display:flex;flex-direction:row;list-style:none;justify-content:center;height:50px;margin-top:15px}.footer ul li{margin:10px;position:relative;transition-duration:.2s;transition-timing-function:ease-in-out}.footer ul li:hover{border:2px solid #e03c3b;box-shadow:0 0 0 2px}.contactform{box-shadow:0 0 5px 5px #727d9c;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:5px;border-radius:5px 5px 0 0;margin:10px auto 0}@media only screen and (max-width:768px){.footer ul li:hover{border:0;box-shadow:0}}@-webkit-keyframes Border{20%,80%{border-color:#ff0404}}@keyframes Border{20%,80%{border-color:#ff0404}}.copied{position:fixed;background:#dce35b;background:linear-gradient(90deg,#45b649,#dce35b);color:#fff;font-size:30;width:100%;top:0;z-index:10}.copied span{float:right;color:#ef4746;font-size:20px;font-weight:bolder;padding-right:10px}.cardContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.card{padding:10px;width:35%;margin:30px;border-radius:35px;background:#d3cce3;background:linear-gradient(90deg,#e9e4f0,#d3cce3);position:relative}.card:after,.card:before{z-index:-1;position:absolute;content:"";bottom:25px;left:10px;width:50%;top:80%;max-width:300px;background:#777;box-shadow:0 35px 20px #777;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}.card:after{-webkit-transform:rotate(8deg);transform:rotate(8deg);right:10px;left:auto}.cardHeading{color:#e9e4f0;min-height:30px;text-align:center;border-radius:25px 25px 0 0;background:#42275a;background:linear-gradient(90deg,#734b6d,#42275a)}.cardCode{overflow:scroll;max-height:350px;font-size:18px}.cardCopy{font-size:20px;text-align:center;width:135px;background-color:#694469;margin:0 auto;border-radius:25px 20px 0 25px;display:flex;justify-content:center;padding:3px}.cardCopy button{font-size:20px;border:none;background:#cb2d3e;background:linear-gradient(90deg,#ef473a,#cb2d3e);border-radius:25px 20px 0 25px;color:#e9e4f0;padding:3px}button{outline:none}button:active{border:node;position:relative;top:2px}.functionHeading{background:#c9d6ff;background:linear-gradient(90deg,#e2e2e2,#c9d6ff);padding:18px 0 20px 4px;width:95%;border-radius:5px;margin:10px auto 0}.boilerContainer{padding:10px;width:80%;margin:40px auto 0;border-radius:0 4px 0 4px;box-shadow:0 10px 10px #777b7c;background-color:#111}*{padding:0;margin:0}.boilerHeading{background:#606368;padding:10px;color:#f4f6f7}.boilerCode{height:45%;height:400px;overflow:scroll;background:#212121;font-size:20px;font-family:"Nanum Gothic",sans-serif;letter-spacing:.6px;word-spacing:.2px;color:#fff;font-weight:400;-webkit-text-decoration:none solid #444;text-decoration:none solid #444;font-style:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none}.boilerButtonContainer{display:flex;flex-direction:row;justify-content:center}.boilerButton{background:#606368;padding:6px;margin:5px 5px 0;border-radius:0 25px 0 25px;display:flex;justify-content:center}.boilerButton button{margin:0 auto;color:#e9e4f0;font-size:20px;padding:5px;border-radius:0 25px 0 25px;border:0;background:#eb3349;background:linear-gradient(20deg,rgba(235,55,72,.7),#eb3349,rgba(235,55,72,.7))}button span{color:rgba(33,33,33,.8);font-weight:700}@media only screen and (max-width:768px){.cardContainer{display:normal}.card{margin:20px;width:90%}.cardHeading{padding:5px;text-align:center;background-color:#adff2f}.cardCode{overflow:scroll;max-height:300px}.cardCopy{width:120px;text-align:center}.cardCopy,.cardCopy button{font-size:18px}.boilerContainer{width:92%}.boilerHeading{font-size:small}.boilerCode{height:300px}.boilerButton button{font-size:15px}.functionHeading{font-size:14px;text-align:center;margin:0 auto}}
/*# sourceMappingURL=main.e47d678a.chunk.css.map */