.Container{display:flex;flex-direction:row;position:absolute;top:0%;left:0%;z-index:1;width:100%;height:100vh}.SideBar{height:100vh;display:flex;flex-direction:column;align-items:center;color:#000;border-right:.1px solid rgb(220,209,209);width:20%}.Viewer{display:flex;flex-direction:column;background-color:#fff;width:80%}.Titles{font-size:50px;margin-left:20%;margin-top:10px;flex:10%;display:flex;flex-direction:row;gap:10px;padding-bottom:10px}.unkos{background-color:gray;border-radius:20px;box-shadow:0 17px 25px -5px #9a6f63}.unkos:hover{transform:translateY(-5px);box-shadow:0 17px 25px -5px #b35f47;transition:all .3s}.unkos_super{background-color:#bb5151;border-radius:20px;box-shadow:0 17px 25px -5px #ea896e;height:400px}.unkos_super:hover{transform:translateY(-5px);box-shadow:0 17px 25px -5px #b35f47;transition:all .3s}.PoopContainer{flex:90%;margin-left:10px}.mode,.ICON{margin-top:30px}.ICON svg{height:30px;color:#b35f47;box-shadow:0 17px 25px -5px #777;margin-bottom:30px}.mode{font-weight:700;font-size:18px;width:100%;padding:20px 10px;margin-top:0;text-align:center;border-radius:20px;margin-bottom:20px}.mode:hover{background-color:#b35f47;opacity:.7;transition:all .2s}.mode-click{font-weight:700;font-size:18px;width:100%;padding:20px 10px;margin-top:0;text-align:center;background-color:#b35f47;border-radius:20px;margin-bottom:20px}.PoopContainer{margin-top:20px;overflow:scroll}.ModalWindow{z-index:5;position:absolute;top:0;left:0;background-color:gray;opacity:.8;height:100vh;width:100%;display:flex;justify-content:center;padding-top:10%}.to-add-button{position:absolute;z-index:3;height:100px;width:100px;top:86%;left:90%;border-radius:50px;font-weight:700;border:1px solid rgb(179,95,71);text-align:center;font-size:30px;box-shadow:0 0 15px 2px #777;background-color:#fff}.to-add-button:hover{transition:all .3s;transform:translateY(14px);box-shadow:5px 30px 46px 16px #b35f47}.super-unko-button{font-weight:700;position:absolute;z-index:4;top:75%;left:83%;height:50px;background-color:brown;padding:10px;font-size:30px;border-radius:20px}.super-unko-button:hover{box-shadow:0 17px 25px -5px #b35f47;background-color:#fff;color:#b35f47;transition:all .3s}.Createpoo{background-color:#fff;height:100px;width:100px;z-index:20;position:absolute;top:6%;left:30%;width:300px;height:330px;display:flex;flex-direction:row;padding:10px;box-shadow:5px 30px 46px 16px #b35f47}textarea{width:90%;height:100%;border:none;outline:none}.add-button{margin-top:250px;padding:20px;border:none;border-radius:20px;background-color:#ac928a}.add-button svg{height:20px;color:#d22a2a}.add-button svg:hover{height:40px;color:#b35f47;transition:all .2s}.add-button svg:active{color:#000;transition:all .3s}.PooCard{min-height:80px;display:flex;flex-direction:column;background-color:#fff;z-index:1;border:1px solid rgb(220,209,209);border-radius:20px;margin:20px 160px;padding:10px;box-shadow:0 10px 27px -5px #777}.PooCard-new-notif{min-height:80px;display:flex;flex-direction:column;background-color:#fff;z-index:1;border:1px solid rgb(220,209,209);border-radius:20px;margin:20px 160px;padding:10px;box-shadow:0 10px 27px -5px #777;background-color:#d8b0a4}.new-notif{color:#0ff;margin:5px 0;font-weight:700;font-size:20px}.ViewCount{margin:3px 0;font-weight:700;color:green}.username{font-size:15px;font-weight:700;margin:0}.Contents{margin:0;font-size:20px}.ANGRY{height:20px}.ShowDate{margin-top:5px;margin-bottom:5px;font-size:20px}.LoginScreen{background-color:#000;height:100vh;width:100%;display:flex;justify-content:center;padding-top:5%}.LoginContainer{display:flex;flex-direction:column;align-items:center}.LoginContainer h1,h2{color:#fff;margin:0;text-shadow:1px 11px 9px rgba(123,118,118,.73)}h2{font-size:100px;text-align:center;margin:0}h1{font-size:140px;margin:0}.MPOOP{font-size:190px;text-shadow:-4px 3px 8px rgba(128,114,114,.73)}.login-button{height:150px;width:500px;margin-top:40px;border:none;border-radius:30px;font-size:80px;font-weight:700;color:#fff;background-color:#b35f47;box-shadow:0 17px 25px -5px #777}.login-button:hover{cursor:pointer;transform:translateY(30px);box-shadow:0 17px 25px -5px #b35f47;background-color:#fff;color:#b35f47}body{margin:0}