@import url(https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+KR:wght@100&family=Press+Start+2P&family=Zilla+Slab+Highlight&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);*{margin:0;padding:0}.wrapper{position:fixed;bottom:0;right:0;height:10%;width:10%}.wrapper .switch{position:absolute;left:50%;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:25px}.wrapper .switch input{display:none}.wrapper .switch .wave{position:absolute;top:0;left:0;border-radius:40px;width:60px;height:25px;display:none}.wrapper .switch .wave:after{width:60px;height:3px;top:3px;left:20%;opacity:.4}.wrapper .switch .wave:after,.wrapper .switch .wave:before{content:"";border-radius:100%;background:#fff;position:absolute}.wrapper .switch .wave:before{width:35px;height:2px;top:10px;left:30%;opacity:.3}.wrapper .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e74a42;transition:all 1.4s;border-radius:25px;z-index:100;overflow:hidden}.wrapper .switch .slider:after,.wrapper .switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:5px;bottom:5px;border-radius:25px;background-color:#fff}.wrapper .switch .slider:before{transition:.4s}.wrapper .switch .slider:after{transition:.5s}.wrapper .switch .slider .fish{position:absolute;left:-20%;top:20%;transition:all 1.5s}.wrapper .switch .slider .fish .body{width:10px;height:10px;background:repeating-linear-gradient(-45deg,#e79c2a,#e79c2a 5px,#fb7813 0,#fb7813 10px);border-radius:0 100% 20% 100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative}.wrapper .switch .slider .fish .eye{position:absolute;top:8px;left:15px;width:10px;height:10px;background-color:#000;border-radius:100%}.wrapper .switch .slider .fish .eye:after{content:"";width:.5px;height:.5px;background-color:#fff;border-radius:100%;position:absolute;top:25%;left:25%}.wrapper .switch .slider .fish .tail{width:2.5px;height:2.5px;background:repeating-linear-gradient(-45deg,#e79c2a,#e79c2a 5px,#fb7813 0,#fb7813 10px);border-radius:100% 10% 0 10%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;left:-8px;top:40%}.wrapper .switch .sky{position:absolute;left:-40%;top:-150px;width:50px;height:50px;-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.wrapper .switch .sky .sun .outer{width:25px;height:25px;position:absolute;top:-11px;border-radius:5px}.wrapper .switch .sky .sun .outer:after,.wrapper .switch .sky .sun .outer:before{content:"Dark Dark ";position:absolute;top:0;left:0;height:50px;width:25px;border-radius:5px}.wrapper .switch .sky .sun .outer:before{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.wrapper .switch .sky .sun .outer:after{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.wrapper .switch .sky .sun .inner{position:absolute;width:25px;height:25px;border-radius:100%;background-color:#ffd65a;top:-12px;overflow:hidden}.wrapper .switch .sky .sun .inner:before{content:"";width:25px;height:25px;border-radius:100%;position:absolute;left:3 px;top:15px;background:#ffc631}.wrapper .switch .sky .cloud{position:absolute;-webkit-filter:url(#cloud);filter:url(#cloud);z-index:-1}.wrapper .switch .sky .cloud .rect{width:50px;height:15px;background:#fff;border-radius:50px}.wrapper .switch .sky .cloud .circle{border-radius:100%;background:#fff;position:absolute}.wrapper .switch .sky .cloud .circle-lg{width:25px;height:25px;top:-55%;left:5%}.wrapper .switch .sky .cloud .circle-sm{width:25px;height:25px;border-radius:100%;left:35%;top:-50%}.wrapper .switch .sky .cloud1{left:-60%;top:20%}.wrapper .switch .sky .cloud2{left:150px;top:10%;opacity:.8}.wrapper .switch input:checked+.slider{background-color:transparent}.wrapper .switch input:checked+.slider .fish{-webkit-animation:fishMovement 4s linear infinite;animation:fishMovement 4s linear infinite}.wrapper .switch input:checked~.wave{background-color:#3398d9;display:block;-webkit-filter:url(#wave);filter:url(#wave)}.wrapper .switch input:checked+.slider:after,.wrapper .switch input:checked+.slider:before{-webkit-transform:translateX(70px);transform:translateX(70px)}.wrapper .switch input:checked~.boat{top:-25%;opacity:1;z-index:-1;-webkit-animation:boatMovement 3s linear infinite alternate;animation:boatMovement 3s linear infinite alternate}.wrapper .switch input:checked~.sky{-webkit-transform:scale(1);transform:scale(1);opacity:1}.wrapper .switch input:checked~.sky .outer{-webkit-animation:rotateSun 5s linear infinite;animation:rotateSun 5s linear infinite}.wrapper .switch input:checked~.sky .cloud{-webkit-animation:swingCloud 10s linear infinite;animation:swingCloud 10s linear infinite}.wrapper .switch .boat{position:absolute;top:100%;left:25%;width:10px;height:25px;transition:all .6s cubic-bezier(.68,-.6,.32,1.6);opacity:0}.wrapper .switch .boat .bottom{border-top:15px solid #d64242;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:20px;border-radius:2px}.wrapper .switch .boat .bottom:after{content:"";width:25px;border-top:4px solid #000;border-left:3px solid transparent;border-right:3px solid transparent;height:0;position:absolute;top:3px;left:2px;opacity:.2}.wrapper .switch .boat .mast{position:absolute;width:1.5px;height:17px;background:#6f4914;left:70%;bottom:100%}.wrapper .switch .boat .rectangle-sm{width:0;height:0;border-top:15px solid transparent;border-left:10px solid #d6d6d6;border-right:10px solid transparent;border-radius:0 0 0 0;position:absolute;left:80%;bottom:110%}.wrapper .switch .boat .rectangle-lg{width:0;height:0;border-top:25px solid transparent;border-left:10px solid transparent;border-right:15px solid #d6d6d6;border-radius:0 0 0 0;position:absolute;left:5%;bottom:110%}.wrapper a{color:#fff;padding:15px;display:block;font-family:sans-serif;font-size:10px;position:absolute}svg{display:none}@-webkit-keyframes fishMovement{60%{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}65%{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}to{-webkit-transform:translate(100px,50%);transform:translate(100px,50%)}}@keyframes fishMovement{60%{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}65%{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}to{-webkit-transform:translate(100px,50%);transform:translate(100px,50%)}}@-webkit-keyframes boatMovement{30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes boatMovement{30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes twinkling{30%{opacity:.4}60%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes twinkling{30%{opacity:.4}60%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotateSun{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateSun{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes swingCloud{50%{-webkit-transform:translateX(50px);transform:translateX(50px)}}@keyframes swingCloud{50%{-webkit-transform:translateX(50px);transform:translateX(50px)}}@media (max-width:800px){.wrapper{top:1em;right:30%}}.container3{height:70%;display:flex;justify-content:center;align-items:center;margin:1em auto 0;border:1px solid #fff;background-color:#f0f8ff;width:70%}.container3 .post{width:100%;height:500px;position:absolute;display:flex;border:2px solid #fff;position:relative}.container3 .post .header_post{width:100%;background-color:#f0f8ff;position:absolute;top:0;max-width:100%;height:auto}.container3 .post .body_post{width:100%;height:70%;background:#fff;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.container3 .post .body_post .post_content{width:80%;height:80%;background:#fff;position:relative}.container3 .post .body_post .post_content h1{font-size:20px;font-weight:700}.container3 .post .body_post .post_content p{font-size:14px;font-weight:400}.container3 .post .body_post .post_content .container_infos{width:100%;display:flex;justify-content:space-between;position:absolute;bottom:0;border-top:1px solid rgba(0,0,0,.2);padding-top:25px}.container3 .post .body_post .post_content .container_infos .postedBy{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:1px;font-size:12px}.container3 .post .body_post .post_content .container_infos .postedBy span{font-size:12px;text-transform:uppercase;opacity:.5;letter-spacing:1px;font-weight:700}.container3 .post .body_post .post_content .container_infos .container_tags{display:flex;flex-direction:column}.container3 .post .body_post .post_content .container_infos .container_tags span{font-size:12px;text-transform:uppercase;opacity:.5;letter-spacing:1px;font-weight:700}footer{width:15rem;height:8%;background:#000;position:fixed;bottom:0}footer,footer span{display:flex;justify-content:center;align-items:center}footer span{font-size:12px;color:#fff;font-family:"Poppins"}#addCrime{background-color:hsla(0,0%,100%,.9);width:70%;padding:0 1em 1em;margin:1em auto 5%}@media (max-width:800px){#addCrime,footer{width:100%}footer{left:0;height:2.5em;justify-content:center;align-items:center;position:relative;position:fixed;bottom:0}.container3{display:inline-block;width:100%}.container3 .post{width:100%;background-color:#fff}.container3 #imgDesc{width:100%}}h5{font-size:1.4em;font-family:"Press Start 2P",cursive}
/*# sourceMappingURL=main.88bb9efa.chunk.css.map */