@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{background-color:#080808;font-family:Inter Tight,sans-serif;color:#c7c7c7;position:relative;padding-top:8rem}h1{font-size:5rem;text-transform:uppercase;text-align:center;margin:auto;margin-bottom:10rem;max-width:80vw}@media only screen and (max-width: 800px){h1{font-size:3.5rem;margin-bottom:6rem}}@media only screen and (max-width: 500px){h1{font-size:2.5rem}}.note{font-size:1.5rem;opacity:.7;margin-top:2rem}input{font-size:2rem;font-family:inherit;background-color:#161616;color:#c7c7c7;border:1px solid rgba(199,199,199,.2);padding:.8rem;border-radius:1rem}input:focus{border:1px solid rgba(199,199,199,.8);outline:none}@keyframes alert{0%{opacity:0;transform:translateY(5rem)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5rem)}}.alert{position:fixed;z-index:3;bottom:1rem;right:1rem;width:45rem;border-radius:1rem;display:flex;padding:1rem;align-items:center;animation-name:alert;animation-timing-function:ease}@media only screen and (max-width: 500px){.alert{width:95vw}}.alert__icon{width:3rem;height:3rem}.alert__icon-2{width:2.5rem;height:2.5rem;margin-left:auto}.alert__msg{font-size:1.4rem;margin-left:1rem}.home,.home:visited,.home:active{color:#c7c7c7}.home svg,.home:visited svg,.home:active svg{position:absolute;top:1rem;left:1rem;width:4rem;height:4rem;padding:.9rem;border:1px solid rgba(199,199,199,.2);border-radius:1rem;transition:all .3s}.home:hover,.home:visited:hover,.home:active:hover{cursor:pointer;color:#080808}.home:hover svg,.home:visited:hover svg,.home:active:hover svg{background-color:#c7c7c7cc}button{color:#080808}.main{text-align:center;padding:0rem 20vw 10rem}@media only screen and (max-width: 800px){.main{padding:0rem 15vw 10rem}}@media only screen and (max-width: 800px){.main{padding:0rem 10vw 10rem}}.main__input{font-family:inherit;font-size:2rem;padding:.7rem;width:60%;background-color:#161616;border:1px solid rgba(199,199,199,.2);color:inherit;border-radius:1rem;margin-bottom:4rem}@media only screen and (max-width: 800px){.main__input{width:100%}}.main__input:focus{border:1px solid rgba(199,199,199,.8);outline:none}a[href="/random-number"] img,a[href="/random-number"]:hover img{filter:invert(1)}.code__btn{position:absolute;right:3rem;top:3rem;padding:.7rem 1rem;font-size:1.5rem;font-family:inherit;border:1px solid #a7a7a7;background-color:transparent;color:#a7a7a7;border-radius:1rem;transition:all .3s}.code__btn:hover{background-color:#a7a7a7;color:#080808;cursor:pointer}@media only screen and (max-width: 800px){.code__btn{position:static;margin-bottom:3rem;margin-top:-2rem;padding:.5rem 2rem}}@keyframes modal{0%{opacity:0;top:40%}to{opacity:1;top:50%}}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;width:40rem;height:25rem;border-radius:1rem;border:1px solid rgba(199,199,199,.2);background-color:#080808;text-align:center;padding:2rem;row-gap:2rem;animation-fill-mode:backwards;animation:modal .5s ease}@media only screen and (max-width: 500px){.modal{width:85vw}}.modal__label{font-size:2rem;font-weight:700}.modal__input{background-color:#0f0f0f}.modal__btn{font-size:1.8rem;font-family:inherit;padding:.8rem;background-color:#c7c7c7;border:none;border-radius:1rem;color:#080808}.modal__btn:hover{cursor:pointer;filter:brightness(.8)}.modal__error{font-size:1.5rem;color:#d14949}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));row-gap:6rem;-moz-column-gap:1rem;column-gap:1rem}@media only screen and (max-width: 1200px){.tools{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}}@media only screen and (max-width: 500px){.tools{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}.clear__code{text-decoration:underline;display:inline-block;opacity:.5;font-size:1.4rem;margin-top:auto;margin-top:10rem;transition:all .3s}.clear__code:hover{cursor:pointer;opacity:1}.tool{display:grid;grid-template-rows:85% 15%;row-gap:1.5rem;width:-moz-fit-content;width:fit-content;margin:auto}@media only screen and (max-width: 500px){.tool{row-gap:1rem}}.tool__img{background-color:#080808;border:1px solid #161616;aspect-ratio:16 / 10;width:35rem;border-radius:1rem;text-align:center;position:relative;cursor:pointer}@media only screen and (max-width: 1200px){.tool__img{width:30rem}}@media only screen and (max-width: 500px){.tool__img{width:25rem}}.tool__img img{height:100%;opacity:.3;transition:all .3s;filter:saturate(0)}.tool__img:hover img{opacity:1;filter:saturate(1)}.tool__img:hover:before{opacity:1}.tool__img:before{content:"";position:absolute;border-radius:1rem;top:50%;left:50%;transform:translate(-50%,-49.8%);opacity:0;z-index:-3;width:calc(100% + .4rem);height:calc(100% + .4rem);transition:all .3s;background-image:linear-gradient(to right bottom,#3F0071,#FB2576);filter:blur(1rem)}@media only screen and (hover: none){.tool__img img{filter:saturate(1);opacity:1}.tool__img:before{opacity:1}}.tool__title{font-size:2rem;text-align:center;font-weight:400}@media only screen and (max-width: 500px){.tool__title{font-size:1.7rem}}.palette-generator{text-align:center;font-family:Inter Tight,sans-serif;padding:0rem 15vw}@media only screen and (max-width: 800px){.palette-generator{padding:0rem 10vw}}@media only screen and (max-width: 800px){.palette-generator{padding:0rem 5vw}}.palette{display:grid;grid-template-columns:repeat(5,1fr);width:100%;height:50%;margin-top:8rem;border-radius:1rem;overflow:hidden}@media only screen and (max-width: 500px){.palette{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}.palette>*{width:100%;height:15rem}.palette__btn{font-family:inherit;border:none;padding:1rem 2rem;font-size:2rem;border-radius:.5rem;color:#c7c7c7;font-weight:600;background-image:linear-gradient(to right,#3F0071,#FB2576)}.palette__btn:hover{filter:brightness(.8);cursor:pointer}.palette__color{display:flex;justify-content:center;align-items:center}.palette__color:hover{cursor:pointer}.palette__color p{font-size:1.4rem;color:#fff;text-shadow:2px 2px 6px #080808}.counter{padding:0rem 20vw}@media only screen and (max-width: 800px){.counter{padding:0rem 15vw}}@media only screen and (max-width: 800px){.counter{padding:0rem 10vw}}.counter__count{font-size:1.8rem;margin-bottom:2rem;text-align:center}.counter__input{width:100%;background-color:#0f0f0f;border:1px solid rgba(199,199,199,.2);border-radius:1rem;color:inherit;padding:1rem;font-size:1.6rem}.counter__input:focus{border:1px solid rgba(199,199,199,.8);outline:none}.encryption-sec{padding:0rem 20vw}@media only screen and (max-width: 800px){.encryption-sec{padding:0rem 15vw}}@media only screen and (max-width: 800px){.encryption-sec{padding:0rem 10vw}}.encryptor{display:grid;grid-template-columns:80% 18%;grid-template-rows:repeat(2,1fr);-moz-column-gap:2%;column-gap:2%}@media only screen and (max-width: 1200px){.encryptor{grid-template-columns:70% 28%}}@media only screen and (max-width: 800px){.encryptor{grid-template-columns:100%;grid-template-rows:repeat(3,1fr);row-gap:1rem;-moz-column-gap:0%;column-gap:0%}}.encryptor__label{grid-column:1 / -1;font-size:2rem;align-self:self-end;margin-bottom:1rem}.encryptor__select{background-color:#a7a7a7;border:1px solid rgba(199,199,199,.2);border-radius:1rem;font-size:1.8rem;font-family:inherit;padding:.5rem;color:#080808}.encryptor__select option{font-family:inherit}.output{margin-top:5rem}.output__box{background-color:#161616;margin-top:1rem;border-radius:1rem;position:relative;padding:1rem;min-height:44px;word-wrap:break-word}.output__btn{position:absolute;top:.5rem;right:.5rem;background-color:transparent;border:2px solid rgba(199,199,199,.2);opacity:.4;border-radius:1rem;display:flex;transition:all .3s}.output__btn:hover{opacity:.7;cursor:pointer}.output__icon{width:3rem;height:3rem;fill:#c7c7c7}.output__text{font-size:2rem}.clipboard{display:grid;row-gap:2rem;padding:8rem 20vw}@media only screen and (max-width: 800px){.clipboard{padding:8rem 15vw}}@media only screen and (max-width: 800px){.clipboard{padding:8rem 10vw}}.clipboard__input{width:100%}.clipboard__btn{flex:0 0 calc(10% - 1rem);padding:1rem;border-radius:1rem;border:none;font-size:1.6rem;font-family:inherit;text-transform:uppercase;background-color:#a7a7a7;color:#080808;font-weight:800}.clipboard__btn:hover{filter:brightness(.8);cursor:pointer}.clipboard__content{display:flex;flex-direction:column;margin-top:5rem;width:100%;row-gap:2rem}.clipboard__item{display:grid;grid-template-columns:1fr min-content;-moz-column-gap:1rem;column-gap:1rem}.clipboard__text{font-size:2rem;border-radius:1rem;border:1px solid #161616;padding:1rem;background-color:#0f0f0f;word-wrap:break-word;position:relative}.clipboard__remove{height:4.4rem;aspect-ratio:1 / 1;background-color:transparent;border:1px solid rgba(199,199,199,.2);border-radius:1rem}.clipboard__remove:hover{filter:brightness(.8);cursor:pointer}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:-moz-fit-content;width:fit-content;margin:auto;padding:0rem 20vw}@media only screen and (max-width: 800px){.container{padding:0rem 10vw;width:100%}}@keyframes hi{0%{opacity:0}to{opacity:1}}.course__form{border:1px solid rgba(199,199,199,.1);padding:2rem;border-radius:1rem}@media only screen and (max-width: 520px){.course__form{width:100%;padding:0rem;border:none}}.course__details{display:grid;width:100%;align-items:center;grid-template-columns:max-content 1fr}@media only screen and (max-width: 1310px){.course__details{grid-template-columns:100%;row-gap:1rem}}.course__label{margin-right:1rem;font-size:2rem}.course__select{background-color:#a7a7a7;border:none;border-radius:1rem;padding:.5rem;font-size:1.7rem;font-family:inherit;color:#0f0f0f;text-align:center}.course__class{display:grid;-moz-column-gap:1rem;column-gap:1rem;align-items:center;grid-template-rows:1fr 1fr;grid-template-columns:repeat(7,max-content) 10rem;margin-top:2rem;background-color:#0f0f0f;border:1px solid rgba(199,199,199,.1);border-radius:1rem;padding:1rem;animation:hi .6s ease-in}@media only screen and (max-width: 1310px){.course__class{grid-template-columns:repeat(2,1fr);row-gap:1rem}}@media only screen and (max-width: 520px){.course__class{grid-template-columns:100%;row-gap:1rem;padding:1.5rem}}.course__class--title{font-size:2.5rem;grid-column:1 / -1;margin-bottom:1rem}.course__class--input{font-size:1.8rem;padding:.4rem}.course__class--label{font-size:2rem}@media only screen and (max-width: 1310px){.course__class--label{font-size:1.8rem}}@media only screen and (max-width: 520px){.course__class--label:nth-child(2){margin-bottom:-1.5rem}}.course__class--btn{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;grid-gap:1rem;margin-top:4rem}.course__class--btn>*{padding:1rem;border-radius:1rem;font-size:1.5rem;text-align:center;font-weight:600;color:#080808}.course__class--btn>*:hover{cursor:pointer;filter:brightness(.8)}.course__class--btn1,.course__class--btn2{background-color:#747474;flex-grow:1}.course__class--btn3{min-width:100%;border:none;font-family:inherit;background-color:#c7c7c7;font-weight:800;grid-row:2 / 3;grid-column:1 / -1}.list{border:1px solid rgba(199,199,199,.1);padding:2rem;margin-top:3rem;border-radius:1rem;width:100%}.list__title{font-size:2rem;margin-bottom:2rem}.list__list{list-style:none}.list__item{font-size:1.6rem;margin-bottom:.5rem}.list__note{font-size:1.5rem;opacity:.6;text-align:center;margin-top:1rem}.list__btn{padding:1rem;background-color:#c7c7c7;width:100%;color:#080808;font-size:1.5rem;font-family:inherit;font-weight:700;border:none;border-radius:1rem;margin-top:2rem}.list__btn--2{background-color:#747474}.list__btn:hover{cursor:pointer;filter:brightness(.8)}.schedule{background-color:#c7c7c71a;border:1px solid #0f0f0f;margin-bottom:4rem;border-collapse:collapse;min-width:100vw;height:auto;overflow-x:scroll}th,td{border:1px solid #0f0f0f;font-size:2vw;width:-moz-max-content;width:max-content;padding:.5rem .3rem}th{background-color:#0f0f0f;border:1px solid #161616;color:#c7c7c7}td{background-color:#747474;border:1px solid #0f0f0f;color:#0f0f0f;padding-left:1rem}.editor{margin:auto;max-width:77rem}@media only screen and (max-width: 1200px){.editor{max-width:57.3rem;padding:0 10vw}}.editor__class{display:flex;align-items:center;width:100%;background-color:#0f0f0f;padding:1rem;border-radius:1rem;flex-wrap:wrap}@media only screen and (max-width: 800px){.editor__class{padding:.5rem}}@media only screen and (max-width: 500px){.editor__class{display:grid}}.editor__classes{display:grid;-moz-column-gap:3rem;column-gap:3rem;row-gap:1rem;margin:5rem 0;width:100%}@media only screen and (max-width: 500px){.editor__classes{grid-template-columns:100%;padding:1.5rem;row-gap:.5rem}}.editor__classes--title{font-size:2rem;grid-column:1 / -1;padding-bottom:1rem;border-bottom:1px solid rgba(199,199,199,.1)}.editor__classes--class{font-size:1.8rem}@media only screen and (max-width: 800px){.editor__classes--class{font-size:1.5rem}}.editor__classes--btn{font-family:inherit;font-weight:600;background-color:#862b2b;border:none;padding:1rem .5rem;border-radius:.5rem;transition:all .3s;color:#080808;margin-left:auto}@media only screen and (max-width: 500px){.editor__classes--btn{margin:0;padding:.5rem;margin-top:1rem}}.editor__classes--btn:hover{filter:brightness(.8);cursor:pointer}.notfound{display:grid;row-gap:3rem}.notfound__header{font-size:2.5rem;text-align:center}.notfound__btn{color:#080808;font-family:inherit;padding:.7rem 1rem;background-color:#c7c7c7;border:none;border-radius:1rem;font-weight:500;font-size:1.5rem;margin:auto;transition:filter .3s}.notfound__btn:hover{filter:brightness(.8);cursor:pointer}.spinning-wheel{display:grid;justify-content:center}.spinning-wheel__modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;width:40rem;height:20rem;border-radius:1rem;border:1px solid rgba(199,199,199,.2);background-color:#080808;text-align:center;padding:2rem;row-gap:2rem;animation-fill-mode:backwards;animation:modal .5s ease;font-size:3rem;outline:none}@media only screen and (max-width: 500px){.spinning-wheel__modal{width:85vw}}.spinning-wheel__modal>*{outline:none}.spinning-wheel__modal--btns{margin-top:auto;display:grid;justify-content:space-between;grid-template-columns:1fr 1fr;gap:1rem}.spinning-wheel__modal--btns button{width:100%;padding:.8rem 0;font-family:inherit;font-weight:600;font-size:1.5rem;border-radius:1rem;border:none;transition:all .3s}.spinning-wheel__modal--btns button:hover{cursor:pointer}.spinning-wheel__modal--btns button:nth-child(1){background-color:transparent;color:#c7c7c7;border:1px solid #c7c7c7}.spinning-wheel__modal--btns button:nth-child(1):hover{background-color:#c7c7c7;color:#080808}.spinning-wheel__modal--btns button:nth-child(3){grid-column:1 / -1}.winput{display:grid;grid-template-columns:1fr 15%;width:70rem;gap:2rem;margin:auto}@media only screen and (max-width: 800px){.winput{grid-template-columns:1fr;width:90vw}}.winput__btn{border-radius:1rem;border:none;font-family:inherit;font-weight:600;font-size:1.5rem;transition:all .3s;padding:1rem 0}@media only screen and (max-width: 800px){.winput__btn{width:100%}}.winput__btn:hover{cursor:pointer;filter:brightness(.8)}.winput__items{list-style:none;display:flex;flex-wrap:wrap;row-gap:2rem;padding:2rem;border:1px solid #161616;grid-column:1 / -1;border-radius:1rem}.winput__items li{padding:.5rem .5rem .5rem 1rem;background-color:#161616;font-size:2rem;border-radius:.5rem;margin:0 1rem;display:flex;align-items:center}.winput__items li span:hover{cursor:pointer}.winput__items--btn{margin-top:auto;width:100%;border-radius:1rem;border:none;font-family:inherit;font-weight:600;transition:all .3s;padding:.8rem 0;font-size:1.5rem;background-color:#c7c7c7}.winput__items--btn:hover{cursor:pointer;filter:brightness(.8)}.winput__items--icon{transform:translateY(.2rem);margin-left:1rem}.wheel{margin:5rem;position:relative}.wheel__wheel{overflow:hidden;position:relative;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.wheel__wheel:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12%;height:12%;background-color:#eee;border-radius:10rem;box-shadow:2px 2px 2rem #00000080}.wheel__wheel svg{border:.5rem solid #cecece;border-radius:40rem}.wheel__pointer{position:absolute;-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);background-color:red;width:3rem;height:2rem;left:50%;top:-1rem;transform:translate(-50%);z-index:10}.random-number{display:grid;justify-content:center}.numbersInputs{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:auto}@media only screen and (max-width: 800px){.numbersInputs{grid-template-columns:1fr 1fr;width:90vw}}.numbersInputs__input{width:100%}.numbersInputs__btn{grid-column:1 / -1;border-radius:1rem;border:none;font-family:inherit;font-weight:600;font-size:1.5rem;transition:all .3s;padding:1rem 0;width:100%}.numbersInputs__btn:hover{cursor:pointer;filter:brightness(.8)}.numbersInputs__error{grid-column:1 / -1;text-align:center;font-size:1.5rem;color:#bb4949;font-weight:500}.randomNumber{font-size:6rem;font-weight:700;display:flex;justify-content:center;align-items:center;height:200px;width:100%;margin-top:4%}.ratioCalculator{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,min-content);-moz-column-gap:2rem;column-gap:2rem;width:80rem;margin:auto;row-gap:2rem}@media only screen and (max-width: 800px){.ratioCalculator{width:100%;padding:0 3rem;grid-template-columns:1fr;grid-template-rows:repeat(4,min-content)}}.ratioCalculator h1,.ratioCalculator__result{grid-column:1 / -1}.ratioCalculator__result{font-size:4rem;text-align:center;margin-top:6rem}img[alt="Aspect Ratio Calculator vector"]{width:70%}