@font-face{font-family:PermanentMarker;src:url(/fonts/PermanentMarker.ttf)}@font-face{font-family:Budmo;src:url(/fonts/budmo.otf)}@font-face{font-family:Guts;src:url(/fonts/guts.ttf)}@font-face{font-family:Peechy;src:url(/fonts/peechy.otf)}@font-face{font-family:Thunky;src:url(/fonts/thunky.otf)}:root{--html-margin: 0 auto;--html-desktop-max-width: 1440px;--app-bg-color: #3e3d3d;--container-height: 80rem;--container-min-height: 50rem;--border-color: gray;--app-text-color: #474545;--app-bg-left-color: #acaaaa;--app-bg-center-color: white;--app-bg-right-color: #acaaaa;--center-body-bg-color: white;--app-bg-header: #6d6a6a;--app-bg-footer: #acaaaa;--app-font-color: #363535;--footer-text-color: #484242;--acitve-link-bg-color: #e96f6b;--acitve-link-text-color: white;--color-red: lch(42.758% 73.588 34.159);--color-candy: #ffeef3;--color-peach: #f9dcc5;--color-yellow: #f2d258;--color-green: #5ac72b;--color-violet: #5838be;--color-sea-green: #008577;--hover-bg-color: #403e3e;--hover-color: #d3d1d1;--color-white: white;--color-glass: rgba(241, 241, 241, .75);--color-slate-blue: #f7fafc;--color-slate-lighter-blue: #a9bdd7;--size-14: 14px;--size-16: 16px;--size-18: 18px;--size-20: 20px;--size-24: 24px;--size-28: 28px;--size-32: 32px;--hyperlink-color: #005ae0;--link-button-bg-color: #e1e1e1;--link-hover-bg-color: #252424;--link-hover-color: #ffffff;--2px: 2px;--5px: 5px;--10px: 10px;--15px: 15px;--20px: 20px;--25px: 25px;--30px: 30px;--min-col-width100: 100px;--min-col-width200: 200px;--min-col-width300: 300px;--min-col-width400: 400px;--primary-button-color: #a9bdd7;--primary-button-color-hover: #f7fafc;--bg-color-amber: #ffc107;--bg-color-aqua: #00ffff;--bg-color-blue: #2196F3;--bg-color-light-blue: #87CEEB;--bg-color-brown: #795548;--bg-color-cyan: #00bcd4;--bg-color-blue-grey: #607d8b;--bg-color-green: #4CAF50;--bg-color-light-green: #8bc34a;--bg-color-indigo: #3f51b5;--bg-color-khaki: #f0e68c;--bg-color-lime: #cddc39;--bg-color-orange: #ff9800;--bg-color-deep-orange: #ff5722;--bg-color-pink: #e91e63;--bg-color-purple: #9c27b0;--bg-color-deep-purple: #673ab7;--bg-color-red: #f44336;--bg-color-sand: #fdf5e6;--bg-color-teal: #fdf5e6;--bg-color-yellow: #ffeb3b;--bg-color-white: #fff;--bg-color-black: #000;--bg-color-grey: #9e9e9e;--bg-color-light-grey: #f1f1f1;--bg-color-dark-grey: #616161;--bg-color-pale-red: #ffdddd;--bg-color-pale-green: #ddffdd;--bg-color-pale-yellow: #ffffcc;--bg-color-pale-blue: #ddffff;--text-color-amber: #ffc107;--text-color-aqua: #00ffff;--text-color-blue: #2196F3;--text-color-light-blue: #87CEEB;--text-color-brown: #795548;--text-color-cyan: #00bcd4;--text-color-blue-grey: #607d8b;--text-color-green: #4CAF50;--text-color-light-green: #8bc34a;--text-color-indigo: #3f51b5;--text-color-khaki: #f0e68c;--text-color-lime: #cddc39;--text-color-orange: #ff9800;--text-color-deep-orange: #ff5722;--text-color-pink: #e91e63;--text-color-purple: #9c27b0;--text-color-deep-purple: #673ab7;--text-color-red: #f44336;--text-color-sand: #fdf5e6;--text-color-teal: #fdf5e6;--text-color-yellow: #ffeb3b;--text-color-white: #fff;--text-color-black: #000;--text-color-grey: #9e9e9e;--text-color-light-grey: #f1f1f1;--text-color-dark-grey: #616161;--text-color-pale-red: #ffdddd;--text-color-pale-green: #ddffdd;--text-color-pale-yellow: #ffffcc;--text-color-pale-blue: #ddffff;--color-fg-default: #262626;--color-fg-muted: #4d4d4d;--color-fg-subtle: #666666;--color-fg-on-emphasis: #ffffff;--color-fg-brand: #cb3837;--color-fg-accent: #196cb2;--color-fg-success: #107010;--color-fg-attention: #886701;--color-fg-danger: #bb2e3e;--color-bg-default: #ffffff;--color-bg-subtle: #f7f7f7;--color-bg-inset: #f2f2f2;--color-bg-emphasis: #262626;--color-bg-accent: #f2f9ff;--color-bg-success: #dcfdd9;--color-bg-attention: #fff5d8;--color-bg-danger: #ffdbdb;--color-border-default: #e6e6e6;--color-border-muted: #f2f2f2;--color-border-strong: #8f8f8f;--color-border-accent: #afcee9;--color-border-accent-emphasis: #0969da;--color-border-success: #93d58a;--color-border-success-emphasis: #107010;--color-border-attention: #efd88f;--color-border-danger: #f1b8bc;--color-shadow-large: 0 8px 24px rgba(140, 149, 159, .2);--wombat-red-hover: #c40b0a;--button-green: #00c642;--wombat-yellow: #ffcd3a;--wombat-violet: #8956ff;--wombat-purple: #c836c3;--wombat-green: #00c642;--wombat-teal: #29abe2;--light-blue: #70b8ff;--wombat-red: #cb3837;--header-color: #000;--bg-dark: #cb3837;--npmRed: #cb3837;--npmLightRed: #fb3e44;--blue: #357edd;--bg: #fff;--background-color: #fafafa;--wombat-bg-red: rgba(203, 55, 56, .1);--code: "Fira Mono", "Andale Mono", "Consolas", monospace;--code-ls: 0px;--code-lh: 24px;--standardCardTransition: all .2s ease;--header-letter-spacing: .015625em;--readme-font-size: 18px;--readme-line-height: 1.6;--copy-color: rgba(0, 0, 0, .85);--code-bg: #f7f7f7;--code-box-radius: 2px}.screen-center-fixed{position:fixed;height:100%;width:100%;z-index:100001;background-color:rgba(var(--bg-color-black),.5);display:flex;justify-content:center;align-items:center;margin:0;left:0;top:0;bottom:0;right:0}.zero{display:none;opacity:0;z-index:-1000;top:-1000px}.text-black{color:#000}.text-white{color:var(--color-white)}.text-white *,.active{color:var(--color-white)!important}.text-dark{color:#343a40!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-primary{color:#007bff!important}.text-success{color:#28a745!important}.text-info{color:#17a2b8!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.bg-primary{background-color:#007bff!important;color:var(--color-white)}.bg-secondary{background-color:#6c757d!important;color:var(--color-white)}.bg-success{background-color:#28a745!important;color:var(--color-white)}.bg-teal{background-color:#00b5ad!important;color:var(--color-white)}.bg-info{background-color:#17a2b8!important;color:var(--color-white)}.bg-warning{background-color:#ffc107!important;color:var(--color-white)}.bg-white{background-color:#fff!important;color:#000}.bg-danger{background-color:#dc3545!important;color:var(--color-white)}.bg-light{background-color:#f8f9fa!important;color:#000}.bg-dark{background-color:#343a40!important;color:var(--color-white)}.bg-candy{background-color:var(--color-candy)!important;color:var(--color-white)}.base-gimic{-webkit-text-stroke:1px var(--app-text-color)!important;text-shadow:3px 3px var(--app-text-color)!important;word-spacing:.1em;width:fit-content;margin-bottom:0;font-size:2.5em}.red-gimic-text{color:var(--text-color-red)!important}.yellow-gimic-text{color:var(--text-color-yellow)!important}.green-gimic-text{color:var(--text-color-green)!important}ul{padding:0 0 0 5px}ul li{list-style:none}ul li a{text-decoration:none}.nav-link{display:flex;width:100%;padding:var(--5px);font-size:var(--size-18)}.active-link,.active-nav{background-color:var(--acitve-link-bg-color)!important;color:var(--acitve-link-text-color)!important}.center-route-container{height:auto;max-height:var(--container-height)}.skill-label{color:var(--text-color-deep-purple);font-size:var(--size-18)}.border{border:2px solid var(--border-color)}.border-right{border-right:2px solid var(--color-slate-lighter-blue)}.border-bottom{border-bottom:2px solid var(--color-slate-lighter-blue)}.border-top{border-top:2px solid var(--color-slate-lighter-blue)}.border-left{border-left:2px solid var(--color-slate-lighter-blue)}p{letter-spacing:1.2px;font-size:14px}.wrap{text-overflow:ellipsis;text-wrap:wrap;white-space:wrap;word-wrap:break-word}.nowrap{white-space:nowrap}li{padding:var(--2px)}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.basis{flex-basis:auto}.space-fill-100{flex:1 1 100%}.space-fill-50{flex:1 1 50%}.wrap{flex-wrap:wrap}.wrap-reverse{flex-wrap:wrap-reverse}.grow{flex-grow:1}.shrink{flex-shrink:1}.row{display:flex;flex-direction:row}.row-reverse{display:flex;flex-direction:row-reverse}.col{display:flex;flex-direction:column}.col-reverse{display:flex;flex-direction:column-reverse}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.space-even{justify-content:space-evenly}.grid2x2{grid-template-columns:1fr 1fr}.grid3x3{grid-template-columns:1fr 1fr 1fr}.grid4x4{grid-template-columns:1fr 1fr 1fr 1fr}.grid-auto{grid-template-columns:repeat(auto-fit,1fr)}.top{top:0}.bottom{bottom:0}.overflow{overflow:auto}.gap1{gap:8px}.gap2{gap:var(--10px)}.gap5{gap:var(--30px)}.gap10{gap:40px}.pad2{padding:var(--2px)}.pad5{padding:var(--5px)}.pad10{padding:var(--10px)}.pad15{padding:var(--15px)}.pad20{padding:var(--20px)}.margin10{margin:var(--10px)}.margin20{margin:var(--20px)}.margin--x-5{margin:0 var(--5px) 0 var(--5px)}.margin--y-5{margin:var(--5px) 0 var(--5px) 0}.margin--x-10{margin:0 var(--10px) 0 var(--10px)}.margin--y-10{margin:var(--10px) 0 var(--10px) 0}.margin--x-20{margin:0 var(--20px) 0 var(--20px)}.margin--y-20{margin:var(--20px) 0 var(--20px) 0}.wid5{width:5%}.wid10{width:10%}.wid20{width:20%}.wid30{width:30%}.wid40{width:40%}.wid50{width:50%}.wid60{width:60%}.wid70{width:70%}.wid80{width:80%}.wid90{width:90%}.wid100{width:100%}.height100p{height:100%}.height100{height:100px}.height150{height:150px}.height200{height:200px}.height300{height:300px}.height350{height:350px}.height450{height:450px}.flex-center{justify-content:center}ul{padding:unset!important;margin:unset!important}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.align-start{align-items:start;text-align:start}.align-center{align-items:center;text-align:center}.left{text-align:left;align-items:flex-start}.right{text-align:right;align-items:flex-end}.size12{font-size:12px}.size14{font-size:14px}.size16{font-size:16px}.size18{font-size:18px}.size20{font-size:20px}.size24{font-size:24px}.size30{font-size:30px}.size38{font-size:38px}.size48{font-size:48px}.wt500{font-weight:500}.wt600{font-weight:600}.wt700{font-weight:700}.glass{background:var(--color-slate-blue);height:inherit}.hyperlink{text-decoration:none;color:var(--hyperlink-color)!important}.hyperlink:hover{background-color:var(--color-white)!important}.hyperlink:hover{text-decoration:underline;color:var(--app-text-color)!important}.link-button{padding:var(--5px);width:100%;background-color:var(--color-slate-lighter-blue)}.link-button:hover{background-color:var(--color-slate-blue);color:var(--color-slate-lighter-blue)!important}.min-col-wid200{min-width:var(--min-col-width200)}.underline{text-decoration:underline}.badge{padding:0 var(--5px) 0 var(--5px);background-color:var(--color-red);margin:var(--2px);color:var(--color-slate-blue)!important;border-radius:var(--10px)}fieldset{padding:var(--10px)}legend *{color:var(--color-sea-green)!important}.bold{font-weight:600}.border0{border:0}.radius0{border-radius:0}.radius10{border-radius:10%}.radius20{border-radius:20%}.radius30{border-radius:30%}.radius10px{border-radius:10px}.radius20px{border-radius:20px}.radius30px{border-radius:30px}.wid100px{min-width:100px;width:100px}.wid150px{min-width:150px;width:150px}.wid200px{min-width:200px;width:200px}.auto-image{height:100%;width:100%}.header{flex:1}.logo{height:70px;width:70px;border-radius:50%}.bg-header{background-color:transparent}.body{min-height:50vh;background-color:var(--center-body-bg-color);padding:var(--10px)}.main-left{height:auto;max-height:var(--container-height)}.main-center{height:auto;min-height:var(--container-min-height)}.main-right{height:auto;max-height:var(--container-height)}h1{font-size:22px;font-weight:700;border-bottom:2px solid var(--text-color-pale-green);min-height:25px}h2{font-size:20px;font-weight:700;border-bottom:2px solid var(--text-color-pale-blue);min-height:25px}h3{font-size:18px;font-weight:700;border-bottom:2px solid var(--text-color-pale-green);min-height:25px}@media screen and (--webkit-min-device-pixel-ratio: 0){input,select,textarea{font-size:16px!important;line-height:1.3!important}}@media screen and (min-device-aspect-ratio: 16/9){input,select,textarea{font-size:16px!important;line-height:1.3!important}}.main-footer{background-image:linear-gradient(to right bottom,#f5b8f800,#a95af5,#6b30a2)}.footer{color:var(--footer-text-color)}.phone:before{content:"☏ "}.email:before{content:"⚡"}.year:before{content:"📅"}@media (max-width: 720px){.desktop-only{display:none!important}div{width:100%}.mrow{flex-direction:row}.mcol{flex-direction:column}.mwid10{width:10%}.mwid20{width:20%}.mwid30{width:30%}.mwid40{width:40%}.mwid50{width:50%}.mwid60{width:60%}.mwid70{width:70%}.mwid80{width:80%}.mwid90{width:90%}.mwid100{width:100%}.min-height-450{min-height:450px}.logo{width:50px;height:50px}.msize12{font-size:12px}.msize14{font-size:14px}.msize16{font-size:16px}.msize20{font-size:20px}.msize24{font-size:24px}.msize30{font-size:30px}.msize38{font-size:38px}.msize48{font-size:48px}.mflex-center{justify-content:center}.mflex-start{justify-content:flex-start}.mflex{display:flex!important}.mflex-end{justify-content:flex-end}.malign-center{align-items:center;text-align:center}.mleft{text-align:left;align-items:flex-start}.mright{text-align:right;align-items:flex-end}.m-footer-badge{gap:1px}.mgrid{display:grid}.mgrid-auto{grid-template-columns:repeat(auto-fit,1fr)}.mgrid2x2{display:grid!important;grid-template-columns:1fr 1fr!important}.mgrid3x3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}.mgrid4x4{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important}.mautofit120{grid-template-columns:repeat(auto-fit,120px)!important}.mautofit150{grid-template-columns:repeat(auto-fit,150px)!important}.mautofit200{grid-template-columns:repeat(auto-fit,200px)!important}.mautofit250{grid-template-columns:repeat(auto-fit,250px)!important}.mautofill120{grid-template-columns:repeat(auto-fill,120px)!important}.mautofill150{grid-template-columns:repeat(auto-fill,150px)!important}.mautofill200{grid-template-columns:repeat(auto-fill,200px)!important}.mautofill250{grid-template-columns:repeat(auto-fill,250px)!important}}.double-list{counter-reset:count}.double-list li{counter-increment:count+1}.double-list li:before{content:counter(count,decimal) ") "}.star-list-counter{counter-reset:count}.star-list-counter li{counter-increment:count+1}.star-list-counter li:before{content:"☆" counter(count,decimal);color:rgba(var(--color-red),1);font-size:1.2rem;text-shadow:2vmin 1vmin 2vmin var(--color-yellow);letter-spacing:1.2vmin}.star-list li:before{content:"☆ ";font-size:1rem}.flix{counter-reset:count}.flix li{display:flex;align-items:center;counter-increment:count+1}.counter-color-success:before{color:var(--color-bg-success)!important}.counter-color-light-blue{color:var(--light-blue)!important}.counter-color-peach:before{color:var(--color-peach)!important}.counter-color-red:before{color:var(--npmLightRed)!important}.counter-color-yellow:before{color:var(--text-color-yellow)!important}.counter-color-peach:before{color:var(--text-color-pale-blue)!important}.flix li:before{content:counter(count);font-size:2rem;letter-spacing:3px;-webkit-text-stroke:2px #3b1a6e}.stroke{-webkit-text-stroke:.3vmin var(--color-white)}.roman:before{content:"[" counter(count,lower-roman) "]"}.rotate35{transform:rotate3d(1,1,1,35deg)}.rotate-35{transform:rotate3d(1,1,1,-35deg)}.rotate20{transform:rotate3d(1,1,1,20deg)}.rotate-20{transform:rotate3d(1,1,1,-20deg)}input[type=text],input[type=email],input[type=number],select,input[type=button],input[type=submit],input[type=reset]{padding:10px;margin:4px 0;box-sizing:border-box;border:1px solid black;width:100%}input:after,input:before,.MuiInputBase-input:after{border:unset;border-color:unset}textarea{height:150px;padding:12px 20px;box-sizing:border-box;border:2px solid var(--app-bg-color);border-radius:4px;resize:none}input[type=button],input[type=submit],input[type=reset]{border:none;color:#fff;text-decoration:none;cursor:pointer}.base-button{cursor:pointer;background-color:var(--primary-button-color);font-weight:700;font-size:var(--size-18);padding:var(--10px);text-align:center;min-width:100px;width:auto;height:44px}.base-button:hover{color:var(--app-text-color)!important}.button-75,button,.btn{border:0;border-radius:var(--10px);box-sizing:border-box;color:var(--color-sea-green)!important;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:44px;align-items:center;justify-content:center;max-width:100%;text-decoration:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;padding:var(--10px);margin:0!important}.button-hover-red:hover{color:var(--text-color-red)!important}@media screen and (max-width: 991px){.button-75,button,.btn{font-size:15px;height:50px}.button-75 span,button span,.btn span{line-height:50px}}.button-18{align-items:center;background-color:var(--color-slate-blue);border:0;border-radius:100px;box-sizing:border-box;color:var(--color-sea-green)!important;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;line-height:20px;min-height:44px;overflow:hidden;padding:20px;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle}.button-18:disabled{cursor:not-allowed;background:#00000014;color:#0000004d}.button-push{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-family:inherit;font-size:15px}.button-push{font-weight:600;color:#382b22;text-transform:uppercase;padding:1.25em 2em;background:#fff0f0;border:2px solid #b18597;border-radius:.75em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:background .15s cubic-bezier(0,0,.58,1),-webkit-transform .15s cubic-bezier(0,0,.58,1);transition:transform .15s cubic-bezier(0,0,.58,1),background .15s cubic-bezier(0,0,.58,1),-webkit-transform .15s cubic-bezier(0,0,.58,1)}.button-push:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#f9c4d2;border-radius:inherit;-webkit-box-shadow:0 0 0 2px #b18597,0 .625em 0 0 #ffe3e2;box-shadow:0 0 0 2px #b18597,0 .625em #ffe3e2;-webkit-transform:translate3d(0,.75em,-1em);transform:translate3d(0,.75em,-1em);transition:transform .15s cubic-bezier(0,0,.58,1),box-shadow .15s cubic-bezier(0,0,.58,1),-webkit-transform .15s cubic-bezier(0,0,.58,1),-webkit-box-shadow .15s cubic-bezier(0,0,.58,1)}.button-push:hover{background:#ffe9e9;-webkit-transform:translate(0,.25em);transform:translateY(.25em)}.button-push:hover:before{-webkit-box-shadow:0 0 0 2px #b18597,0 .5em 0 0 #ffe3e2;box-shadow:0 0 0 2px #b18597,0 .5em #ffe3e2;-webkit-transform:translate3d(0,.5em,-1em);transform:translate3d(0,.5em,-1em)}.button-push:active{background:#ffe9e9;-webkit-transform:translate(0em,.75em);transform:translateY(.75em)}.button-push:active:before{-webkit-box-shadow:0 0 0 2px #b18597,0 0 #ffe3e2;box-shadow:0 0 0 2px #b18597,0 0 #ffe3e2;-webkit-transform:translate3d(0,0,-1em);transform:translateZ(-1em)}.btn-red-light{display:inline-block;font-size:16px;font-weight:700;border:3px solid #ffe3e2;cursor:pointer;position:relative;background-color:transparent;text-decoration:none;overflow:hidden;z-index:1;font-family:inherit}.btn-red-light:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffe3e2;transform:translate(-100%);transition:all .3s;z-index:-1;color:#fff!important}.btn-red-light:hover:before{transform:translate(0);color:#fff!important}.btn-green-light{--green: #1BFD9C;font-size:15px;padding:.7em 2.7em;letter-spacing:.06em;position:relative;font-family:inherit;border-radius:.6em;overflow:hidden;transition:all .3s;line-height:1.4em;border:2px solid var(--green);background:linear-gradient(to right,rgba(27,253,156,.1) 1%,transparent 40%,transparent 60%,rgba(27,253,156,.1) 100%);color:var(--green);box-shadow:inset 0 0 10px #1bfd9c66,0 0 9px 3px #1bfd9c1a}.btn-green-light:hover{color:#82ffc9;box-shadow:inset 0 0 10px #1bfd9c99,0 0 9px 3px #1bfd9c33}.btn-green-light:before{content:"";position:absolute;left:-4em;width:4em;height:100%;top:0;transition:transform .4s ease-in-out;background:linear-gradient(to right,transparent 1%,rgba(27,253,156,.1) 40%,rgba(27,253,156,.1) 60%,transparent 100%)}.btn-green-light:hover:before{transform:translate(15em)}.shadow__btn{padding:10px 20px;border:none;color:var(--color-violet)!important;letter-spacing:2px;transition:.5s;transition-property:box-shadow}.shadow__btn{background:#c0f1fb;box-shadow:0 0 25px #c0f1fb}.shadow__btn:hover{box-shadow:0 0 5px #c0f1fb,0 0 25px #c0f1fb,0 0 50px #c0f1fb,0 0 100px #c0f1fb}.btn-animate{background:transparent;position:relative;padding:5px 15px;display:flex;align-items:center;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;border:2px solid rgb(40,144,241);border-radius:25px;outline:none;overflow:hidden;color:#2890f1!important;transition:color .3s .1s ease-out;text-align:center}.btn-animate span{margin:10px}.btn-animate:before{position:absolute;top:0;right:0;bottom:0;margin:auto;content:"";border-radius:50%;display:block;width:20em;height:20em;left:-5em;text-align:center;transition:box-shadow .5s ease-out;z-index:-1}.btn-animate:hover{color:#fff!important}.btn-animate:hover:before{box-shadow:inset 0 0 0 10em #2890f1}.rectangle-button{background-color:#04aa6d;border:none;color:#fff!important;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:0}.rectangle-button.button2{background-color:#008cba}.rectangle-button.button3{background-color:#f44336}.rectangle-button.button4{background-color:#e7e7e7;color:#000}.rectangle-button.button5{background-color:#555}.btn-animated-line{transform:translate(0);color:#1670f0;text-decoration:none;letter-spacing:2px;overflow:hidden}.btn-animated-line span:nth-child(1){position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#0c002b,#1779ff);animation:animate1 2s linear infinite;animation-delay:1s}@keyframes animate1{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn-animated-line span:nth-child(2){position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(to bottom,#0c002b,#1779ff);animation:animate2 2s linear infinite;animation-delay:2s}@keyframes animate2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.btn-animated-line span:nth-child(3){position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to left,#0c002b,#1779ff);animation:animate3 2s linear infinite;animation-delay:1s}@keyframes animate3{0%{transform:translate(100%)}to{transform:translate(-100%)}}.btn-animated-line span:nth-child(4){position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(to top,#0c002b,#1779ff);animation:animate4 2s linear infinite;animation-delay:2s}@keyframes animate4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.base-select{min-width:150px}.base-video{width:100%;height:300px}iframe{aspect-ratio:1;width:100%;min-height:400px}.spinnerDark,.spinnerLight{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}@-webkit-keyframes colorsDark{0%{stroke:var(--color-violet)}14.285714286%{stroke:var(--color-red)}28.571428572%{stroke:var(--bg-color-light-blue)}42.857142858%{stroke:var(--color-green)}57.142857144%{stroke:var(--color-candy)}71.42857143%{stroke:var(--bg-color-pale-red)}to{stroke:var(--bg-color-pale-green)}}@keyframes colorsDark{0%{stroke:var(--color-violet)}14.285714286%{stroke:var(--color-red)}28.571428572%{stroke:var(--bg-color-light-blue)}42.857142858%{stroke:var(--color-green)}57.142857144%{stroke:var(--color-candy)}71.42857143%{stroke:var(--bg-color-pale-red)}to{stroke:var(--bg-color-pale-green)}}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.spinnerPathDark{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite,colorsDark 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colorsDark 5.6s ease-in-out infinite}.spinnerPathLight{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite,colorsLight 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colorsLight 5.6s ease-in-out infinite}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}.ball-loader{animation:ballRotate 1s infinite;height:50px;width:50px}.ball-loader:before,.ball-loader:after{border-radius:50%;content:"";display:block;height:20px;width:20px}.ball-loader:before{animation:ball1 1s infinite;background-color:var(--color-violet);box-shadow:30px 0 0 var(--bg-color-light-blue);margin-bottom:10px}.ball-loader:after{animation:ball2 1s infinite;background-color:var(--color-green);box-shadow:30px 0 0 var(--bg-color-light-blue)}@keyframes ballRotate{0%{-webkit-transform:rotate(0deg) scale(.8);-moz-transform:rotate(0deg) scale(.8)}50%{-webkit-transform:rotate(360deg) scale(1.2);-moz-transform:rotate(360deg) scale(1.2)}to{-webkit-transform:rotate(720deg) scale(.8);-moz-transform:rotate(720deg) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 0 var(--bg-color-light-blue)}50%{box-shadow:0 0 0 var(--bg-color-pale-yellow);margin-bottom:0;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--bg-color-light-blue);margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 0 var(--color-candy)}50%{box-shadow:0 0 0 var(--bg-color-blue-grey);margin-top:-20px;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--color-sea-green);margin-top:0}}.loading-bg-red{background:#e5f9fe!important}.is-loading{background:linear-gradient(110deg,#f1eded 8%,#f4f7f7 18%,#f1eded 33%);background-size:200% 100%;animation:1.5s shine linear infinite}@keyframes shine{to{background-position-x:-200%}}.outputDiv{min-height:250px;height:250px}.grid{display:grid}.grid2x2{display:grid;grid-template-columns:1fr 1fr}.grid3x3{display:grid;grid-template-columns:1fr 1fr 1fr}.grid4x4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.autofit120{grid-template-columns:repeat(auto-fit,120px)}.autofit150{grid-template-columns:repeat(auto-fit,150px)}.autofit200{grid-template-columns:repeat(auto-fit,200px)}.autofit250{grid-template-columns:repeat(auto-fit,250px)}.autofill120{grid-template-columns:repeat(auto-fill,120px)}.autofill150{grid-template-columns:repeat(auto-fill,150px)}.autofill200{grid-template-columns:repeat(auto-fill,200px)}.autofill250{grid-template-columns:repeat(auto-fill,250px)}html,body{box-sizing:border-box;font-family:Poppins,sans-serif;color:var(--app-text-color)!important;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin!important;scroll-behavior:smooth;--website-text-size-adjust: none;margin:var(--html-margin)}.demo{font-family:Fira Code,monospace}.body-bg-image{content:" ";display:block;left:0;top:0;width:100%;height:100%;opacity:.95;background-image:url(/logo-icon.png);background-repeat:no-repeat;background-position:50% 0;background-size:cover}*::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box;color:var(--app-text-color)}.permanentMarkerFamily{font-family:PermanentMarker,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.gutsFamily{font-family:Guts,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.budmoFamily{font-family:Budmo,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.thunkFamily{font-family:Thunky,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.peechyFamily{font-family:Peechy,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.permanentMarkerFamilyBefore:before{font-family:PermanentMarker,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.gutsFamilyBefore:before{font-family:Guts,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.budmoFamilyBefore:before{font-family:Budmo,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.thunkFamilyBefore:before{font-family:Thunky,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}.peechyFamilyBefore:before{font-family:Peechy,Comic Sans MS,SansSerif,Tahoma,"monospace"!important}