[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){color-scheme:light;background-color:#fefefa;color:#070545;--chatbox-a:#cdcdb6;--chatbox-b:#e5e4e2;--chatbox-c:#ebebcf;--chatbox-d:#fafaea;--chatbox-e:#f0f0c7;--chatbox-f:#070545;--table-a:#fefefa;--table-b:#f0efb9;--table-c:#fffdd0;--table-d:#ffed9c;--form-back:#07054574;
.pink{background-color:#ffe4e1;}
.yellow{background-color:#fffdd0;}
.green{background-color:#e9ffdb;}
.blue{background-color:#f0f8ff;}
.purple{background-color:#fae6fa;}
article{background-color:#fafaea;margin-bottom:1em;padding:1em 1em;border-radius:.25em;}
.container{width:100%;margin-right:auto;margin-left:auto;}
a{color:#2633c9;}
.shh,.overview{
a{color:#070545;}
}
*,*::before,*::after{box-sizing:border-box;}
}
@media only screen and (prefers-color-scheme:dark){
:root:not([data-theme]),:host(:not([data-theme])){color-scheme:dark;background-color:#070545;color:#fefefa;--chatbox-a:#06248f;--chatbox-b:#2152b5;--chatbox-c:#5b64e4;--chatbox-d:#3460b9;--chatbox-e:#2515d3;--chatbox-f:#fefefa;--table-a:#070545;--table-b:#010021;--table-c:#020120;--table-d:#0e2bad;--form-back:#fefefa74;
.pink{background-color:#d64271;}
.yellow{background-color:#ecac2c;}
.green{background-color:#5bdb37;}
.blue{background-color:#2f82d5;}
.purple{background-color:#c722c7;}
article{background-color:#09065e;}
a{color:#f5fda7;}
.shh,.overview{
a{color:#fefefa;}
}
}
}
h1{font-family:fredoka;}
h2{font-family:fredoka}
h3{font-family:fredoka}
h4{font-family:fredoka}
h5{font-family:fredoka}
h6{font-family:fredoka}
p{font-family:fredoka;text-align:justify}
a{font-family:fredoka}
li{font-family:fredoka}
form{font-family:fredoka}
option{font-family:fredoka}
select{font-family:fredoka}
input:not([type=checkbox],[type=radio]),select,textarea{margin-bottom:1em}
input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea{appearance:none;padding:.75em 1em}
input:not([type=checkbox],[type=radio]),button[type=submit],select,textarea{width:100%;}
input:not([type=checkbox],[type=radio],[type=range]){height:calc(1em * 1.5em + .75em * 2 + .0625em * 2)}
input:not([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]),:where(select,textarea){outline-width:.0625em;}
[type=submit],[type=reset],[type=button]{margin-bottom:1em}
.col-2,.col-3,.col-4,.col-5,.col-6{display:grid;grid-template-columns:1fr}
@media only screen and (min-width:48em){
.col-4{display:grid;grid-template-columns:1fr 1fr;column-gap:2em}
.col-5{display:grid;grid-template-columns:1fr 1fr;column-gap:2em}
.col-6{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:2em}
}
@media only screen and (min-width:60em){
.col-2{grid-template-columns:1fr 1fr;column-gap:2em}
.col-3{grid-template-columns:repeat(3,1fr);column-gap:2em}
.col-4{grid-template-columns:repeat(4,1fr);column-gap:1em}
.col-5{grid-template-columns:2fr 1fr 2fr 1fr 2fr;column-gap:1em}
.col-6{grid-template-columns:repeat(6,1fr);column-gap:1em}
}
@media only screen and (min-width:80em){
.col-4{column-gap:2em;}
.col-6{column-gap:2em;}
}
:root,:host{border-radius:.25em;border-width:.0625em}
footer{text-align:center}
.perlur{text-align:center}
.shh{
a{text-decoration:none;}
}
.overview{text-align:center;}
.inlineLabel label{display:inline}
.letters{width:100%;table-layout:fixed}
.letters th:nth-child(1),.letters td:nth-child(1),.letters tfoot td:nth-child(1){text-align:right}
.symbols{width:100%;table-layout:fixed}
.symbols th:nth-child(1),.symbols td:nth-child(1),.symbols tfoot td:nth-child(1){text-align:right}
table{margin-top:0;margin-bottom:1em;font-family:fredoka}
thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
table,thead,td,tfoot{border:2px solid var(--table-d);border-collapse:collapse}
tr{display:block;border-bottom:1px solid var(--table-b)}
tr:nth-child(odd) td{background-color:var(--table-a)}
tr:nth-child(even) td{background-color:var(--table-c)}
thead{border-bottom:.1875em solid var(--table-b)}
tfoot th,tfoot td{border-top:.1875em solid var(--table-b)}
td{display:block;text-align:right}
td::before{content:attr(data-label);float:left}
@media (min-width:600px){
.container{max-width:510px;padding-right:0;padding-left:0}
thead{display:table-header-group;position:relative;width:auto;overflow:visible}
td{display:table-cell;text-align:center}
td::before{content:none;clear:both}
tr{display:table-row;border-bottom:none}
.letters{width:100%;table-layout:fixed}
.letters th:nth-child(1),.letters td:nth-child(1),.letters tfoot td:nth-child(1){width:15%;text-align:left}
.symbols{width:100%;table-layout:fixed}
.symbols th:nth-child(1),.symbols td:nth-child(1),.symbols tfoot td:nth-child(1){width:20%;text-align:left}
}
fieldset{border:1px solid var(--table-d);border-radius:4px;padding:.5em;margin-bottom:1em}
legend{padding:0 .5em}
dialog>article>header .close,dialog>article>header :is(a,button)[rel=prev]{margin:0;margin-left:1em;padding:0;float:right}
dialog>article .close,dialog>article :is(a,button)[rel=prev]{display:block;width:1em;height:1em;margin-top:calc(1em * -1);margin-bottom:1em;margin-left:auto;border:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 0, 0)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-position:center;background-size:auto 1em;background-repeat:no-repeat;background-color:transparent;opacity:1}
dialog>article{width:100%;max-height:calc(100vh - 1em * 2);margin:1em;overflow:auto}
dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:0;border:0;backdrop-filter:blur(.375em);background-color:var(--form-back);color:var(--chatbox-f);}
dialog>article .close:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),dialog>article :is(a,button)[rel=prev]:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){opacity:1;}
dialog:not([open]),dialog[open=false]{display:none;}
select:not([multiple],[size]){padding-right:calc(1em + 1.5em);padding-left:1em;padding-inline-start:1em;padding-inline-end:calc(1em + 1.5rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:center right .75em;background-size:1em auto;background-repeat:no-repeat;}
.buy{
input[type=submit]{border-color:var(--chatbox-e);background-color:var(--chatbox-e);}
}
article>header,article>footer{margin-right:calc(1em * -1);margin-left:calc(1em * -1);padding:calc(1em * .66) 1em;}
.Logo{display:block;position:absolute;top:150px;left:50px;z-index:5;width:100px;}
.grid{grid-column-gap:1em;grid-row-gap:1em;display:grid;grid-template-rows:1fr;text-align:left;}
.grid>*{min-width:0;}
@media screen and (min-width:768px){
.Logo{top:175px;left:80px;width:140px;}
.container{max-width:700px}
.grid{grid-template-rows:repeat(auto-fit,minmax(0%,1fr));}
dialog>article{max-width:700px}
}
@media screen and (min-width:960px){
.Logo{top:225px;left:100px;width:170px;}
.container{max-width:950px;}
}
@media screen and (min-width:1280px){
.Logo{top:275px;left:200px;width:200px;}
.container{max-width:1100px;}
}
.topnav{display:grid;grid-template-columns:1fr;}
.topnav div:first-child{text-align:center;}
#inputMenu{display:none}
.topnav label{position:fixed;right:1rem;top:1rem;font-size:1.5rem;border:solid var(--chatbox-b);border-radius:3px;padding:0 6px;background-color:var(--chatbox-a);z-index:99;}
#inputMenu:checked~label{background-color:var(--chatbox-b);color:var(--chatbox-a);}
.topmenu{position:fixed;top:3.5em;right:-40em;width:92%;border:1px solid var(--chatbox-b);border-radius:4px;background-color:var(--chatbox-a);z-index:9;transition:right .5s ease-out;}
.topnav #inputMenu:checked~.topmenu{right:1em;transition:right .5s ease-out;}
.topmenu a{display:block;text-align:center;padding:.5em;border-bottom:1px solid var(--chatbox-b);text-decoration:none;}
.socialbutts{display:flex;flex-flow:row;margin:0;justify-content:space-evenly;align-items:center;padding:.5em;}
.socialbutts a{display:inline-block;text-decoration:none;border:0;padding:0 4px;}
@media screen and (max-width:950px){
.topmenu{position:fixed;top:3.5em;right:-90em;}
}
@media screen and (min-width:960px){
.topmenu{position:fixed;top:3.5em;right:-150em;}
}
#check{display:none;}
.chatbox label{display:block;position:fixed;right:1em;bottom:1em;width:2em;height:2em;background-color:var(--chatbox-a);border:1px solid var(--chatbox-b);border-radius:.4em;cursor:pointer;z-index:9;text-align:center;padding-top:.5em;}
.chatbox label:hover,.chatbox label:focus{background-color:var(--chatbox-b);}
.chat-content{position:fixed;right:-22em;bottom:4em;width:20em;height:26em;border:1px solid var(#ccc);padding:1em;background-color:var(--chatbox-a);border-radius:.4em;transition:right .3s ease-in-out;z-index:12;}
#check:checked~.chat-content{right:1em;transition:right .3s ease-in-out;}
:where(table){width:100%;border-collapse:collapse;border-spacing:0;text-indent:0;}
input{font-family:fredoka;}
input,select,textarea{border:.0625em solid var(--chatbox-c);border-radius:.25em;outline:none;background-color:var(--chatbox-d);}
input::placeholder{color:var(--chatbox-f);}
textarea::placeholder{color:var(--chatbox-f);}
textarea{display:block;resize:vertical;font-family:fredoka;}
button{margin:0;overflow:visible;font-family:fredoka;text-transform:none;border:.0625em solid var(--chatbox-e);border-radius:.25em;border-width:.0625em;background-color:var(--chatbox-e);padding:1em 1em;}
@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?1fsh13);src:url(fonts/icomoon.eot?1fsh13#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?1fsh13) format('truetype'),url(fonts/icomoon.woff?1fsh13) format('woff'),url(fonts/icomoon.svg?1fsh13#icomoon) format('svg');font-weight:normal;font-style:normal;font-display:block;}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;}
.icon-Logo:before{content:"\e900";}
.icon-bubbles2:before{content:"\e96d";}
.icon-mail:before{content:"\ea83";}
.icon-facebook2:before{content:"\ea91";}
.icon-instagram:before{content:"\ea92";}
.icon-twitter:before{content:"\ea96";}
@keyframes shakeX{
from,to{transform:translate3d(0,0,0);}
10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0);}
20%,40%,60%,80%{transform:translate3d(10px,0,0);}
}
.animate__shakeX{display:block;}
.animate__shakeX:active{animation-timing-function:ease-in-out;animation-name:shakeX;animation-duration:2s;animation-iteration-count:1;}
@keyframes fadeIn{
from{opacity:0;}
to{opacity:1;}
}
.animate__fadeIn{animation-name:fadeIn;animation-duration:5s;animation-iteration-count:1;}
@keyframes tada{
from{transform:scale3d(1,1,1);}
10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
to{transform:scale3d(1,1,1);}
}
.animate__tada{animation-name:tada;animation-duration:2s;animation-iteration-count:1;}