@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}.wrapper1{display:grid;grid-template-columns:1fr 5fr 15fr;padding-right:50px}.middleside{width:250px;height:100vh}.rightside{margin-left:10px}@media screen and (max-width: 600px){.wrapper1{padding:0 5px}}.upperside{display:flex;justify-content:space-between;align-items:center}.upperside img{height:30px;width:30px}.delete,.save{padding:10px;border-radius:10px;border-color:#fff;box-shadow:0 0 10px #0003}.delete:hover,.save:hover{transform:scale(.95);transition:all .15s linear;box-shadow:0 0 15px #00000080}.sidebar{height:100vh;padding:10px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0003;display:flex;justify-content:flex-start}.sidebar ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.sidebar ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border-radius:10px;padding:10px;transition:all .15s linear;text-align:center;cursor:default}.sidebar ul li span{font-size:.7rem}.feature:hover,.feature.active{border-color:#fff;background-color:#ddd}.sidebar ul li img{height:20px;width:20px}@media screen and (max-width: 600px){.sidebar ul li span{display:none}}.popup{background-color:#fff;color:#000;padding:10px;border-radius:10px;z-index:999;border-color:#fff;box-shadow:0 0 10px #0003;width:100%;margin:0;height:100vh}.box{border-color:#fff;box-shadow:0 0 10px #0003;padding:20px;border-radius:10px}.rightside{display:flex;flex-direction:column;gap:20px}.memepopup{display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:100%}.sidebar2 ul{overflow-x:scroll;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;justify-content:center;align-items:center;cursor:default;box-sizing:border-box;padding:10px 0}.sidebar2 ul li{list-style:none;padding:5px 10px;border-radius:5px;background-color:#e7e7e7;transition:all .15s ease}.category:hover,.category.active{background-color:#0074d3;color:#fff}.container1{background-color:#fff;color:#333;transition:background-color .5s,color .5s}.container1.night-mode{background-color:#333;color:#fff}.item_list{height:70vh;width:100%}.item{display:none;grid-template-columns:1fr 1fr;justify-items:center;gap:10px;height:70vh;overflow-y:auto;margin-top:30px}.item img{height:90px;width:90px;object-fit:cover;background-color:#ddd;padding:10px;border-radius:5px}.item img:hover{transition:all .15s ease;transform:scale(.97)}.item.active{display:grid}.addtext{height:100%;background-color:#fff;color:#000;padding:20px;border-radius:10px;z-index:999;border-color:#fff;box-shadow:0 0 10px #0003;width:100%}.addtext img{float:right;height:17px;width:17px}@media screen and (max-width: 600px){.wrapper1{width:100vw}.rightside{margin:0!important}.rightside,.middleside,.leftside{width:97vw!important}.upperside{margin:0;width:90vw}}@media screen and (max-width: 930px){.wrapper1{display:flex;flex-direction:column-reverse;position:relative;height:100vh;width:100vw;margin:0;padding:0}canvas{height:60vh;width:95vw}.leftside{position:absolute;bottom:5px;width:100vw;height:70px}.sidebar{height:70px}.sidebar ul{display:flex;flex-direction:row;justify-content:center;align-items:center}.sidebar ul li{height:60px}.addtext{height:400px;width:95vw;position:absolute;bottom:50px}.font-color{display:none}.middleside{position:absolute;bottom:90px;height:350px}.rightside{height:100vh}.popup{height:350px!important;width:95vw}.item_list{height:150px}.item{grid-template-rows:1fr;justify-items:center;gap:10px;height:120px;width:100%;overflow-x:auto;margin-top:30px}.item.active{display:flex;flex-direction:row;overflow-x:scroll}}