body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--background_color:#0e0e10;--light_blue:#41c8db;--input_background_color:#18181b;--lighter_white:#eee;--input_shadow_sky_blue:#99d8e2;--nav_button_unselected:#acf2ff;--nav_button_selected:#e6b3ff;--nav_background:#121214;--error_color:#ff2929;--light_purple:#d580ff;--darker_background_color:#0e0e0e;--lighter_background:#18181b}body{margin:0;background-color:#0e0e10;background-color:var(--background_color);overflow-x:hidden;min-height:100vh}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:9px;background:transparent}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:20px}.dish-full{margin:0;background-color:#191919;min-height:100vh;font-family:Arial,Helvetica,sans-serif;overflow:hidden;display:flex;justify-content:center}.mid_con{position:relative;margin-top:7rem}.dishes_container{width:325px;background-color:#fff;border-radius:5px;display:inline-block}.dishes_head{display:flex;align-items:center;justify-content:center;padding:1rem}.search_input{border:1px solid rgba(0,0,0,.5);border-radius:3px;padding:.25rem;width:100%}.search_button{border:none;background-color:transparent;outline:none;cursor:pointer}.search_button:hover{color:#a9a9a9}.fav_container{text-align:center;padding:1rem;box-shadow:0 0 10px 2px rgba(51,51,51,.2);border-radius:5px}.fav_meals_ul{position:relative;overflow-x:auto;display:flex;padding:0;list-style:none;justify-content:flex-start;align-items:center;min-height:100px;-ms-scroll-chaining:none;overscroll-behavior:contain}.fav_meals_ul::-webkit-scrollbar{height:0}.fav_meals_items{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 5px;box-shadow:0 0 10px 2px rgba(51,51,51,.2);margin:5px;border-radius:5px;min-height:142px}.select_false{-webkit-user-select:none;-ms-user-select:none;user-select:none}.fav_list_image{display:flex;justify-content:center;align-items:center;position:relative}.circle_image{border:2px solid #fff;border-radius:50%;object-fit:cover;height:60px;width:60px}.inline_span{overflow:hidden;outline:none;border:none;font-size:12px;padding:10px;width:100px;text-align:center;bottom:0;height:62px;cursor:default}.delete_fav{position:absolute;top:0;right:0;background-color:transparent;border:none;outline:none;cursor:pointer;opacity:0}.fav_meals_items:hover .delete_fav{opacity:1}.meal{margin:1rem;box-shadow:0 0 10px 2px rgba(51,51,51,.2);border-radius:3px;overflow:hidden}.meal_header{position:relative;cursor:pointer}.random_meal{position:absolute;top:20px;background-color:#fff;padding:.25rem .8rem;border-top-right-radius:5px;border-bottom-right-radius:5px;font-size:14px}.meal_img{height:200px;width:100%;object-fit:cover}.margin_0{margin:0}.name_container{display:flex;align-items:center;justify-content:space-between;padding:1.5rem}.favorite_button{background-color:transparent;border:none;font-size:1rem;cursor:pointer;color:grey;outline:none}.favorite_button.active{color:#fc5c5c}.meal_info_container{background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;overflow-y:hidden}.meal_info{background-color:#fff;border-radius:5px;max-width:400px;max-height:700px;width:100%;padding:1.5rem;position:relative;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.meal_info::-webkit-scrollbar{width:0}.text_center{text-align:center}.close_popup{border:none;background-color:transparent;cursor:pointer;font-size:20px;right:20px;outline:none;position:absolute}.close_popup:hover{color:#add8e6}.image_fit{width:100%}.drawing-container{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;background-color:#121212}.drawing-container canvas{width:650px;height:600px;background-color:#fff;border:1px solid #6495ed}.drawing-container .tools-container{margin-top:-4px;padding:1rem;background-color:#6495ed;display:flex;width:650px}.drawing-container .tools-container .size-button{width:40px;height:40px;background-color:#fff;text-align:center;padding:.5rem;outline:none;cursor:pointer;border:none}.drawing-container .tools-container .size-button:hover{background-color:#000;color:#fff}.drawing-container .tools-container .size-button:active{border:1px solid #6495ed}.drawing-container .tools-container span{display:inline-flex}.drawing-container #color,.drawing-container .tools-container span{align-items:center;justify-content:center;width:40px;height:40px;padding:.25rem;background-color:#fff;text-align:center;margin-right:5px;margin-left:5px}.drawing-container #color{outline:none;cursor:pointer}@media (max-width:700px){.drawing-container canvas{width:90%;height:90%;background-color:#fff;border:1px solid #6495ed}.drawing-container .tools-container{margin-top:-4px;padding:1rem;background-color:#6495ed;display:flex;width:90%}}.movieweb-container{margin:0;background-color:#13274f;font-family:"Inter"}.movieweb-container header{width:100%;display:flex;justify-content:flex-end;background-color:#1f305e;padding:1rem 0}.movieweb-container .search{background-color:transparent}.movieweb-container .search .searchInput{padding:.5rem 1rem;outline:none;border-radius:30px;background-color:#1f305e;color:#fff;border:2px solid #13274f}.movieweb-container .overview{top:0;left:0;right:0;bottom:0;padding:15px;position:absolute;background-color:#fff;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.movieweb-container .movie-container li:hover .overview{-webkit-transform:translateY(0);transform:translateY(0)}.movieweb-container .movie-list-container{justify-content:center;display:flex;flex-direction:row;flex-wrap:wrap}.movieweb-container .movie-container img{width:100%}.movieweb-container .movie-container li{list-style:none;background-color:#1f305e;overflow:hidden;overflow-wrap:break-word;position:relative;border-radius:2px;box-shadow:0 4px 5px rgba(0,0,0,.2);justify-content:space-between;letter-spacing:1px;margin:.75rem;width:235px}.movieweb-container .movie-info{display:flex;justify-content:space-between;padding:.5rem;align-items:center}.movieweb-container .movie-container li h3{margin:0 0 0 1px;color:#fff}.movieweb-container .movie-container li span{padding:.2rem .35rem;background-color:#13274f;justify-content:center;align-items:center;border-radius:5px;color:#fff;font-weight:700;justify-content:flex-end}.gen-container{margin:0;justify-content:center;min-height:100vh;background-color:#1f1e2f;background-size:cover;background-repeat:repeat}.gen-container,.gen-container .gen-whole-container{display:flex;align-items:center;flex-direction:column}.gen-container .gen-whole-container{background-color:#4c516d;width:340px;height:500px;color:#eee;position:relative;border-radius:5px;height:auto;overflow:hidden}.gen-container .password-container{text-align:left;display:inline-block;background-color:#1f1e2f;width:90%;padding:.5rem;overflow-wrap:break-word;font-size:2rem;overflow:hidden}.gen-container .copy{float:right;top:4.3rem;font-size:1.25rem;background-color:#4c516d;height:auto;outline:none;padding:.4rem .6rem;border:none;cursor:pointer;color:#eee}.gen-container .password-container button:hover{color:#000}.gen-container .password-container button:active{-webkit-transform:rotate(3deg);transform:rotate(3deg)}.gen-container .password-body{min-height:300px;margin-top:10px;height:auto}.gen-container .choice{width:100%;padding:.25rem;display:flex;justify-content:space-between;margin-right:100px}.gen-container .password-body input{cursor:pointer}.gen-container #length{width:40px;outline:none;border:none}#length::-webkit-inner-spin-button,.gen-container #length::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gen-container #generate{position:absolute;bottom:0;left:0;width:100%;font-size:1rem;padding:1rem;background-color:#662d91;font-weight:700;border-radius:5px;border:none;cursor:pointer;outline:none}.gen-container #generate:active{bottom:-5px}@media (max-width:400px){.gen-container .gen-whole-container{background-color:#4c516d;width:90%;height:500px;color:#eee;position:relative;display:flex;align-items:center;flex-direction:column;border-radius:5px;height:auto}}.todo-container{margin:0;background-color:hsla(0,0%,93.3%,.9333333333333333);display:flex;align-items:center;min-height:100vh;flex-direction:column}.todo-container h1{font-size:6rem;color:#fd5c63;text-align:center;opacity:.4}.todo-container form{outline:none;width:400px;box-shadow:0 5px 10px rgba(0,0,0,.1)}.todo-container .todoInput{color:#5f9ea0;display:block;width:100%;padding:5px 20px;font-size:2rem;border:none}.todo-container .todoInput::-webkit-input-placeholder{color:hsla(0,0%,71%,.7098039215686275)}.todo-container .todoInput:-ms-input-placeholder{color:hsla(0,0%,71%,.7098039215686275)}.todo-container .todoInput::placeholder{color:hsla(0,0%,71%,.7098039215686275)}.todo-container .todos{background-color:#fff;width:100%;list-style:none;padding:0;margin:0}.todo-container .todos li{color:#5f9ea0;border-top:1px solid hsla(0,0%,71%,.7098039215686275);font-size:2rem;cursor:pointer;padding:5px 20px}.todo-container .todos li.completed{text-decoration:line-through;color:hsla(0,0%,71%,.7098039215686275)}.todo-container small{color:hsla(0,0%,71%,.7098039215686275);display:block;text-align:center}@media (max-width:400px){.todo-container form{outline:none;width:90%;box-shadow:0 5px 10px rgba(0,0,0,.1)}}.weather-container{display:flex;justify-content:center;align-items:center;background-color:#90dbe9;-webkit-user-select:none;-ms-user-select:none;user-select:none;flex-direction:column;min-height:100vh;height:auto}.weather-container .mid-container{display:flex;flex-direction:column;border-radius:5px;background-image:linear-gradient(#113076 9%,#157fba);width:900px;height:auto;margin:6rem;position:relative}.weather-container .container{display:flex;align-items:center;text-align:center;flex-direction:column;height:auto;min-height:470px}.weather-container .searchInput{margin-top:50px;outline:none;padding:.75rem 2rem;border-radius:2rem;border:none}.weather-container .weatherinfo-container img{width:70%}.weather-container .weatherinfo-container{background-color:hsla(0,0%,100%,.22);width:700px;margin-top:2rem;font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:10px;position:relative;height:230px}#all-hours-container{width:90%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-top:1rem}.hourly-container{background-color:hsla(0,0%,100%,.22);width:100px;height:140px;display:flex;flex-direction:column;margin-bottom:1rem}.weather-container .info-holder{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:2rem;max-height:150px}.weather-container .weatherinfo-container span{padding:.5rem;font-weight:700;color:#fff}.weather-container .weather-form{display:flex;flex-direction:column;align-items:center}.highlow{padding:0!important}.weather-container .weather-form button{width:50%;border-radius:5px;outline:none;padding:.6rem;cursor:pointer;margin-top:1rem;border:none}.left-side-box{width:100px;position:absolute;right:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}#options-container{height:100px;display:flex;justify-content:space-evenly;margin-top:1.4rem;width:60%;align-self:center}#options-container .options-button{padding:.4rem;border-radius:5px;outline:none;border:none;cursor:pointer;height:40px}.option-selected{background-color:#000;color:#fff}.daily-weather-container{margin:1rem;width:90%;height:150px;background-color:hsla(0,0%,100%,.3);border-radius:5px;position:relative;font-size:2rem;font-weight:700;color:#fff;display:flex}#daily-weather-name{position:absolute;font-size:4rem;color:#fff;left:3rem;top:12rem;font-weight:700}@media(max-width:500px){.weather-container .container{display:flex;align-items:center;text-align:center;flex-direction:column;height:400px;width:90%}}.notes-container{margin:0;background-color:#0093e9;background-image:linear-gradient(160deg,#0093e9,#80d0c7 50%);height:100vh;background-size:cover;display:flex;flex-wrap:wrap;justify-content:center;background-repeat:no-repeat;overflow:auto}.notes-container .note-container{background-color:hsla(0,0%,93.3%,.9333333333333333);width:350px;height:350px;background-color:transparent;display:inline-block;margin:3rem 20px 20px}.notes-container .tools-container{background-color:#5f9ea0;padding:.5rem;display:flex;justify-content:flex-end}.notes-container .tools-container button{background-color:transparent;color:#fff;border:none;outline:none;cursor:pointer;font-size:1rem;margin-left:.5rem}.notes-container .text-container{height:100%;width:100%}.notes-container .text-container textarea{width:100%;height:100%;box-sizing:border-box;outline:none;border:none;resize:none}.notes-container .tools-container button:hover{color:#5f9ea0}.notes-container .addNote{position:fixed;right:1rem;top:1rem;background-color:#5f9ea0;outline:none;border-radius:3px;border:none;padding:.5rem 1rem;justify-content:center;align-items:center;cursor:pointer;color:#fff}.notes-container .addNote:hover{color:#000}.whole-container{background:#b1cae7;min-height:100vh}.whole-container,.whole-container .home-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.whole-container .home-container{width:700px;height:520px;background-color:#fcc;border-radius:5px;overflow:hidden;position:relative}.whole-container h1{text-align:center;font-size:2.5rem;letter-spacing:1px;background-color:#121212;top:0;padding:2.5rem;color:#00d4ff;position:absolute;width:100%;margin-top:0;z-index:1}.whole-container .input-containers{padding:.5rem}.whole-container .input-fields{font-size:1rem;width:200px;padding:.5rem 0 .5rem .5rem;border-radius:5px;border:none;outline:none}.whole-container span{position:absolute;padding:.5rem;margin-top:7rem}.whole-container button{position:absolute;padding:.5rem;margin-top:14rem;cursor:pointer;border-radius:5px;outline:none;border:none}.whole-container button:hover{background:#000;color:#fff}.whole-container .error-container{position:absolute;margin-top:20rem}@media (max-width:700px){.whole-container .home-container{width:90%;height:520px;background-color:#fcc;border-radius:5px;overflow:hidden;justify-content:center;position:relative;display:flex;align-items:center;flex-direction:column}}.chatwhole-container{background:#b1cae7;min-height:100vh}.chatwhole-container,.chatwhole-container .chat-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.chatwhole-container .chat-container{width:700px;height:520px;border-radius:5px;overflow:hidden;position:relative;background-color:#fcc}.chatwhole-container header{position:absolute;top:0;margin-top:0;display:inline-flex;width:100%;background-color:#121212;z-index:2}.chatwhole-container h1{margin-left:2rem;color:#b3ffd9}.chatwhole-container .leave-chat{right:2rem;top:1.3rem;background-color:#121212;color:#b3ffd9;border:1px solid #b3ffd9;outline:none;padding:.7rem 1rem;cursor:pointer;position:absolute}.chatwhole-container .leave-chat:active{border-bottom:2px solid #b3ffd9}.chatwhole-container .message-container{width:70%;height:5rem;background-color:#121212;bottom:0;position:absolute;display:flex;align-items:center;right:0;justify-content:center}.message-container .message-input{width:75%;padding:.4rem;margin-left:-5rem;outline:none}.message-container .send-message{position:absolute;right:.6rem;width:80px;cursor:pointer;padding:.3rem 0}.chatwhole-container .room-info{height:100%;width:220px;left:0;position:absolute;background-color:#0e1516;z-index:1;overflow:hidden}.chatwhole-container .room-info h2{margin-top:6rem;margin-left:1rem;color:#fff}.chatwhole-container .room-info span{border:1px solid #b3ffd9;margin-left:1rem;color:#fff;font-size:1.2rem;padding:.5rem 4.8rem .5rem .7rem;border-radius:5px}.user-info-container{margin-top:-4rem}.user-info-container ul{border:1px solid #b3ffd9;border-radius:5px;height:250px;width:82%;margin-left:1.2rem;text-align:left;overflow:auto;padding:0;display:flex;flex-direction:column;align-items:center}.user-info-container li{color:#fff;list-style:none;text-align:left}.list-element{border:1px solid #b3ffd9;width:90%;padding:.25rem;margin-top:10px;border-radius:5px}.chat-box{border:1px solid #000;width:65%;height:65%;margin-left:14rem;border-radius:5px;overflow:auto}.chat-box::-webkit-scrollbar-track{color:#000}.message-cont{padding:1rem;width:100%;float:right}.message-box{float:right;border:1px solid #000;border-radius:5px;width:50%;overflow-wrap:break-word}.message-box,.message-box-recieve{font-size:1.2rem;padding:.6rem;background-color:#fff}.message-box-recieve{float:left;border:1px solid #b3ffd9;border-radius:5px}.chatwhole-container .ask-name-container{width:300px;height:100px;background-color:wheat;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.chatwhole-container .ask-name-container #ask-name-input{padding:.5rem;outline:none;border:none;border-radius:5px}.chatwhole-container .ask-name-container button{position:absolute;bottom:0;cursor:pointer;border-radius:5px;outline:none;border:none}.chatwhole-container .ask-name-container button:hover{background-color:#000;color:#fff}@media (max-width:700px){.chatwhole-container .chat-container{width:90%;height:520px;border-radius:5px;overflow:hidden;justify-content:center;position:relative;display:flex;align-items:center;flex-direction:column;background-color:#fcc}.message-container .message-input{width:60%;padding:.4rem;margin-left:-5rem;outline:none}.chatwhole-container .room-info{display:none}.chat-box{border:1px solid #fcc;width:90%;height:65%;border-radius:5px;overflow:auto;margin-right:14rem}.chatwhole-container .message-container{width:100%;height:5rem;background-color:#121212;bottom:0;position:absolute;display:flex;align-items:center;right:0;justify-content:center}}.typing-whole-container{height:100vh;background-color:#74535b;display:flex;justify-content:center;align-items:center;flex-direction:column}.typing-whole-container .Info-container{background-color:#703140;width:600px;height:auto}.typing-whole-container .words-container{padding:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:wrap}.typing-whole-container .Info-container span{font-size:20px;letter-spacing:1px}.typing-whole-container .typed{color:brown}.typing-whole-container .speed-container{font-size:1.5rem;text-align:left}.typing-whole-container .tools-container{width:600px}@media (max-width:500px){.typing-whole-container .Info-container{background-color:#703140;width:80%;height:auto}.typing-whole-container .tools-container{width:80%}}.mem-container{background-color:#85ffbd;background-image:linear-gradient(45deg,#85ffbd,#fffb7d);min-height:100vh;display:flex;align-items:center;justify-content:center}.mem-container .level-title{position:absolute;top:1.5rem;font-size:3rem;border:1px solid #000;border-radius:5px;padding:1rem 3rem}.mem-container .game-container{width:625px;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:15rem}.mem-container .card-container{width:150px;height:90px;overflow:hidden;background-image:linear-gradient(0deg,#a18cd1 0,#fbc2eb);cursor:pointer;margin-top:.5rem;position:relative}.mem-container .card-container img{width:150px;height:150px;object-fit:contain;position:absolute;top:-1.7rem}.mem-container .pass-level-container{height:100px;width:400px;margin-top:10px;font-size:2rem;position:absolute;background-color:#5f9ea0;display:flex;justify-content:center;align-items:center;border-radius:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;flex-direction:column}.mem-container .pass-level-container button{background-color:#000;color:#fff;cursor:pointer;border:1px solid #000;border-radius:5px;margin-top:10px}.mem-container .pass-level-container button:active{border-bottom:2px solid #000}.mem-container .lives-title{position:absolute;top:10rem}.mem-container .lost-container{height:100px;width:200px;background-image:linear-gradient(0deg,#a18cd1 0,#fbc2eb);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mem-container .lost-container button{position:absolute;bottom:10px;cursor:pointer;border-radius:5px;border:1px solid #000;background-color:#000;color:#fff;outline:none}.mem-container .lost-container button:active{border-bottom:1px solid #fff}.tic-tac-whole-container{background-color:#eec0c8;min-height:100vh;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.tic-tac-whole-container .game-container{width:450px;height:450px;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap}.tic-tac-whole-container .tick-box{width:150px;height:150px;border:1px solid #000;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:10rem}.tic-tac-whole-container .tick-box .fa-circle{font-size:7rem!important}.tic-tac-whole-container .who-container{background-color:pink;width:400px;align-self:center;margin:0 auto;height:130px;text-align:center;justify-content:center;display:flex;flex-direction:column;align-items:center}.tic-tac-whole-container .who-container button{cursor:pointer;padding:.4rem;font-size:1rem;border-radius:20px;border:1px solid #000;outline:none}.tic-tac-whole-container .who-container button:active{border-bottom:2px solid #000}.tic-tac-whole-container .who-container .button-container{width:50%;display:flex;justify-content:space-between}.tic-tac-whole-container .winner-container{width:200px;height:100px;color:#000;border:1px solid #000;border-radius:5px;display:flex;flex-direction:column;position:absolute;align-items:center;justify-content:center;margin-top:40rem}.tic-tac-whole-container .winner-container span{margin-top:-10px}.tic-tac-whole-container .restart-button{position:absolute;bottom:10px;color:#fff;background-color:#000;border:1px solid #000;border-radius:5px;outline:none;cursor:pointer}@media (max-width:500px){.tic-tac-whole-container .game-container{width:90%;height:450px;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden}.tic-tac-whole-container .tick-box{width:33%;height:33%;border:1px solid #000;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:300%}.tic-tac-whole-container .tick-box .fa-circle{font-size:100%!important}.tic-tac-whole-container .who-container{background-color:pink;width:90%;align-self:center;margin:0 auto;height:130px;text-align:center;justify-content:center;display:flex;flex-direction:column;align-items:center;overflow:hidden}}.calculator-app{background-color:#0e0e10}.calculator-button:active{background-color:var(--light-green)}.calculator-app{display:flex;align-items:center;justify-content:center;min-height:100vh;min-width:500px}.calculator-container{width:325px;height:540px;border-radius:5px;outline:none;border:none;background-color:var(--white)}.name-header{position:absolute;padding:5px 10px;font-size:15px}.calculator-screen{outline:1px solid #000;width:auto;height:36%;position:relative;overflow:auto;text-align:center;outline:none;border:none}.input-screen{display:flex;width:auto;height:64%;flex-wrap:wrap;font-weight:700}.previous-box{top:4rem;width:100%;height:35px;text-align:right;padding:0 1rem;font-size:30px}.equal-span,.previous-box{position:absolute;color:var(--grey)}.equal-span{left:2rem;font-size:20px;justify-content:flex-start}.result-span{position:relative}.result-box{position:absolute;bottom:1rem;width:100%;height:50px;color:#000;font-size:40px;font-weight:700;padding:0 1rem;justify-content:flex-end}.calculator-button,.result-box{display:flex;align-items:center}.calculator-button{width:25%;justify-content:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:inherit;outline:inherit;border-radius:5px}.calculator-button:active{background-color:var(--background-color);color:#fff}.snake-game-whole-container{background-color:#8bc6ec;background-image:linear-gradient(135deg,#8bc6ec,#9599e2);height:100vh;display:flex;justify-content:center;align-items:center}.snake-game-whole-container .snake-game-container{width:550px;height:500px;position:relative;background:#fff}.snake-game-whole-container .snake-box{position:absolute;background-image:linear-gradient(90.5deg,rgba(255,207,139,.5) 1.1%,#ffcf8b 81.3%);width:2.5%;height:2.5%;border:1px solid #fff}.snake-game-whole-container .food-box{position:absolute;background-color:red;width:2.5%;height:2.5%;border:1px solid #fff}.snake-game-whole-container .game-over-container{top:0;left:0;position:fixed;height:100vh;width:100%;background:transparent;display:flex;align-items:center;justify-content:center;text-align:center}.snake-game-whole-container .game-over-message{width:200px;height:100px;background-color:#8bc6ec;background-image:linear-gradient(135deg,#8bc6ec,#9599e2);border-radius:5px}.snake-game-whole-container .game-over-message button{border-radius:5px;outline:none;cursor:pointer;background-color:#85ffbd;background-image:linear-gradient(45deg,#85ffbd,#fffb7d)}@media (max-width:500px){.snake-game-whole-container .snake-game-container{width:90%;height:500px;position:relative;background:#fff}}:root{--background-color:#0e0e0e;--lighter-background:#18181b;--light-blue:#2b90d9;--text-color:#9baec8;--input-color:#131419;--text-color-white:#fff;--text-color-black:#000;--ligher-white:#eee;--outline-lighter-background:#18181b}.url-short-container{height:100vh;background-color:#0e0e0e;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;flex-direction:column}.url-short-container h1{color:#2b90d9;color:var(--light-blue)}.short-container{width:800px;height:500px;background-color:#18181b;background-color:var(--lighter-background);align-items:center}.input-container,.short-container{display:flex;flex-direction:column}.input-container{width:50%}.input-container input{background-color:#131419;background-color:var(--input-color);padding:1rem;color:#9baec8;color:var(--text-color);font-size:1rem;outline:none;border:none;border-radius:5px;margin-top:9rem}.input-container input::-webkit-input-placeholder{color:#9baec8;color:var(--text-color);font-size:1rem}.input-container input:-ms-input-placeholder{color:#9baec8;color:var(--text-color);font-size:1rem}.input-container input::placeholder{color:#9baec8;color:var(--text-color);font-size:1rem}.input-container button{width:50%;background:#fff;align-self:center;margin-top:2rem;background-color:#2b90d9;background-color:var(--light-blue);padding:1rem;outline:none;border-radius:5px;border:none;cursor:pointer}.short-url-container{color:#9baec8;color:var(--text-color);align-self:center;display:flex;flex-direction:column;margin-top:4rem}@media(max-width:700px){.short-container{width:90%;height:500px;background-color:#18181b;background-color:var(--lighter-background);display:flex;flex-direction:column;align-items:center}}:root{--natural-white:#edebe9;--white:#fff;--black:#000}.sorting-whole-container{background-color:#edebe9;background-color:var(--natural-white);height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.sorting-whole-container .box-container{width:900px;height:650px;background-color:#fff;background-color:var(--white);border-radius:5px;overflow:hidden}.sorting-whole-container .options-container{background-color:#000;background-color:var(--black);width:100%;height:100px;display:inline-flex;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sorting-whole-container .options-container h1{color:#fff;margin-left:2rem}.sorting-whole-container .button-container{margin-left:2rem}.sorting-whole-container .sorting-container{display:flex;flex-direction:row;justify-content:center;position:relative}.sorting-whole-container .sort-buttons{padding:.5rem;margin-left:1rem;cursor:pointer;border-radius:5px;outline:none;border:none}.sorting-whole-container .item-bar{background-color:#63b88f;border:.1px solid #fff;border:.1px solid var(--white)}.sorting-whole-container .quick-sort-comparing-color{color:#000}.sorting-whole-container .setting-container{display:flex;flex-direction:column;margin-left:3rem}.sorting-whole-container .setting-container label{color:#fff}.sorting-whole-container .setting-container input{border:none;outline:none;padding:.3rem;border-radius:5px;width:100px}.sorting-whole-container .Info-container{position:absolute;bottom:0;right:0;display:flex;flex-direction:column}.info-container-div{display:inline-flex;margin:5px;align-items:center}.info-container-div span{margin-left:10px}@media (max-width:1000px){.sorting-whole-container .box-container{max-width:90%}.sorting-whole-container .options-container h1{display:none}}.rock-whole-container{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.rock-whole-container .rock-mid-container{background-color:#add8e6;width:700px;height:500px;position:relative}.rock-whole-container .card-container{height:50%;display:flex;align-items:flex-end;justify-content:center}.rock-whole-container .card,.rock-whole-container .card-nohover{margin-left:1rem;height:130px;width:100px;background-color:#fff;margin-bottom:.8rem;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:3.5rem}.rock-whole-container .card:hover{margin-bottom:2rem;transition:.4s}.rock-whole-container .options-button{padding:1rem;cursor:pointer;outline:none;border:none;margin:20px}.rock-whole-container .options-container{display:flex;background-color:#add8e6;width:700px;height:500px;position:relative;align-items:center;justify-content:center}.rock-whole-container .winner-container{justify-content:center;align-items:center;display:flex;font-size:3rem;font-weight:700;width:100%;height:100px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none}.rock-whole-container .play-again-button{position:absolute;bottom:0;right:0;padding:.5rem 1rem;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px;outline:none;border:none}.rock-whole-container .back-container{position:relative}.rock-whole-container .back-container button{height:30px;right:0;position:absolute;border-radius:5px;outline:none;border:none;cursor:pointer;margin:5px}.rock-whole-container .back-container button:hover,.rock-whole-container .play-again-button:hover{background-color:#f08080}.rock-whole-container .error-span{position:absolute;margin-top:9rem;font-size:2rem}.rock-whole-container .opponent-container .card{margin-top:.4rem}.rock-whole-container .play-again-box{background-color:grey;width:200px;height:80px;position:absolute;justify-content:center;align-items:center;display:flex;color:#fff;font-size:15px;flex-direction:column;border-radius:5px}.rock-whole-container .play-again-box button{cursor:pointer}.rock-whole-container .invite-container{position:absolute;background-color:#d5e28c;padding:1rem;bottom:7rem;border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.rock-whole-container .invite-container span{background-color:#deb887;padding:.5rem 1rem;border-radius:5px}.rock-whole-container .invite-container button{border:1px solid #000;outline:none;font-size:1.3rem;background-color:transparent;cursor:pointer;border-radius:5px;margin-left:10px}#whatip-whole-container #nav-bar{height:60px;position:relative;min-width:1100px;background-color:"#121212"}#whatip-whole-container #website-name{width:150px;text-align:center;font-size:1.7rem;position:relative;top:50%;margin:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"Source Code Pro",monospace;cursor:pointer;color:#bb86fc}#whatip-whole-container{background-color:#121212;height:100vh}#whatip-whole-container #nav-content{height:100%;width:1100px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#whatip-whole-container #heading-container{width:400px;margin-top:5rem;position:relative}#whatip-whole-container .mid-content-container{width:1000px;height:400px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:700;color:#605e5e;font-family:"Nunito",sans-serif}#whatip-whole-container .flex-container{display:inline-flex;justify-content:space-evenly}#whatip-whole-container #ip-container{margin-top:5rem;height:200px;min-width:400px;width:auto;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);border-radius:5px;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;position:absolute;right:30px}#whatip-whole-container .mini-span{font-size:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}#whatip-whole-container .title-span{font-size:1.75rem}#whatip-whole-container .map{height:400px;width:100%;position:absolute}#whatip-whole-container .all-info-container{display:inline-block}#whatip-whole-container .combine-container{display:flex;flex-direction:column;padding:1rem;background-color:#fff;height:80px;width:300px;margin:1rem;border-radius:5px;float:left;box-shadow:0 0 5px rgba(0,0,0,.3);overflow:hidden}#whatip-whole-container #search-ip-container{height:60px}#whatip-whole-container #search-box{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#whatip-whole-container #search-ip{padding:.5rem 1rem;border:none;outline:none;box-shadow:0 0 5px rgba(0,0,0,.3);width:400px}#whatip-whole-container #search-ip-container button{padding:.5rem 1rem;border:none;outline:none;box-shadow:0 0 5px rgba(0,0,0,.3);width:100px;cursor:pointer}.simple_note_pad{background-color:#0e0e10;height:100%}.simple_note_pad .text_area{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;height:80%;color:#ccc}.simple_note_pad .text_area,.text_area_default{position:absolute;background-color:#0e0e10;outline:none;resize:none}.text_area_default{right:0;bottom:0;width:30%;height:5rem}.simple_note_pad .text_color{position:absolute;bottom:0;border-radius:5px;cursor:pointer;height:30px}.simple_note_pad .show_color_button{cursor:pointer;background-color:#66b3ff;color:#000;border-radius:5px;outline:none;border:none;padding:5px 15px}.simple_note_pad .bottom_bar{bottom:3.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute}
/*# sourceMappingURL=main.8442f394.chunk.css.map */