@font-face{font-family:"NeoDGM";src:url(/static/media/neodgm_pro.9e30ea7c.woff2) format("woff2"),url(/static/media/neodgm_pro.8638595b.woff) format("woff"),url(/static/media/neodgm_pro.974e09ac.ttf) format("truetype")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;line-height:1.2}@media(max-width:992px){html{font-size:14px}}@media(max-width:768px){html{font-size:12px}}@media(max-width:576px){html{font-size:10px}}.app{background-image:url(/static/media/background.2dad03a1.png);background-position:top;width:100%;min-width:270px;display:flex;justify-content:center;font-family:"neoDGM"}.app .appContainer{position:relative;width:100%;height:100%;max-width:1400px;min-height:100vh;display:flex;flex-direction:column}.noScroll{overflow:hidden}.signFormBackground{position:absolute;top:-1%;left:-1%;width:102%;height:102%;background-color:#000;box-shadow:0 0 .625rem .313rem #000;opacity:.8}.signForm{display:flex;width:100%;height:100%;flex-direction:column}.signForm .signFormCancelBtn{display:flex;align-items:center;font-size:1.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:8%;padding:.5rem;cursor:pointer}.signForm .signFormCancelBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.signForm .signFormDesc{display:flex;align-items:center;justify-content:center;height:18%;font-size:1.5rem;background-color:hsla(0,0%,100%,.5)}.signForm .signFormDesc .modalDescription{font-size:1rem}.signForm .signFormTitle{height:15%;font-size:1.1rem}.signForm .signFormContent:focus,.signForm .signFormTitle:focus{outline:0}.signForm .signFormContent{height:49%;font-size:1.1rem;resize:none}.signForm .signFormSubmit{display:flex;align-items:center;justify-content:center;height:10%;font-size:1.2rem;cursor:pointer}.signForm .signFormSubmit:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.likeBtnContainerOff,.likeBtnContainerOn{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer}.likeBtnContainerOff .likeBtnImgOff,.likeBtnContainerOff .likeBtnImgOn,.likeBtnContainerOn .likeBtnImgOff,.likeBtnContainerOn .likeBtnImgOn{height:1.4rem}.likeBtnContainerOff .likeBtnImgOff,.likeBtnContainerOn .likeBtnImgOff{-webkit-filter:invert(57%) sepia(0) saturate(0) hue-rotate(185deg) brightness(89%) contrast(87%);filter:invert(57%) sepia(0) saturate(0) hue-rotate(185deg) brightness(89%) contrast(87%)}.likeBtnContainerOff .likeBtnImgOn,.likeBtnContainerOn .likeBtnImgOn{-webkit-filter:invert(14%) sepia(74%) saturate(7478%) hue-rotate(357deg) brightness(89%) contrast(127%);filter:invert(14%) sepia(74%) saturate(7478%) hue-rotate(357deg) brightness(89%) contrast(127%)}.likeBtnContainerOff .likeBtnCount,.likeBtnContainerOn .likeBtnCount{font-size:1.3rem}@media(pointer:fine){.likeBtnContainerOff:hover .likeBtnImgOff{-webkit-filter:invert(14%) sepia(74%) saturate(7478%) hue-rotate(357deg) brightness(89%) contrast(127%);filter:invert(14%) sepia(74%) saturate(7478%) hue-rotate(357deg) brightness(89%) contrast(127%)}}@media(pointer:fine){.likeBtnContainerOn:hover .likeBtnImgOn{-webkit-filter:invert(57%) sepia(0) saturate(0) hue-rotate(185deg) brightness(89%) contrast(87%);filter:invert(57%) sepia(0) saturate(0) hue-rotate(185deg) brightness(89%) contrast(87%)}}.profileCard{padding:.44em;display:flex;width:100%;border-radius:.625em}.profileCard .profileImg{min-width:5.8rem;width:5.8rem;height:5.8rem;border:.2rem solid #328488}.profileCard .click{cursor:pointer}.profileCard .profileInfo{margin-left:.44em}.profileCard .profileInfo .profileName{font-size:1.2rem;font-weight:700;border-left:.3rem solid #1e7b80;padding-left:.3rem}.profileCard .profileInfo .profileEmail,.profileCard .profileInfo .profileGender,.profileCard .profileInfo .profileMessage{margin-top:.2em;border-left:.3rem solid #328488;padding-left:.3rem}.profileCard .profileInfo .profileMessage{max-height:2rem;overflow:auto}.signReadBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}.signReadContainer{position:absolute;display:flex;flex-direction:column;bottom:7.5%;left:12.5%;width:75%;height:85%;background-color:#b9a191;border:3px solid #48989c;box-shadow:0 0 .625rem .313rem #48989c;animation-duration:.2s;animation-name:zoomin}.signReadContainer .readCancelBtn{display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:10%;padding:.5rem;cursor:pointer}.signReadContainer .readCancelBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.signReadContainer .readInfo{position:relative;display:flex;align-items:center;height:8%;padding:.3rem;background-color:hsla(0,0%,100%,.5)}.signReadContainer .readInfo .readNumber{width:10%;font-size:1rem}.signReadContainer .readInfo .readNickname{width:45%;font-size:1rem;cursor:pointer}.signReadContainer .readInfo .readNickname:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.signReadContainer .readInfo .signProfileOn{position:absolute;width:125%;top:-10rem;left:-12.5%;background-color:#dec9bb;border:.188rem solid #48989c;border-radius:.625em;animation-duration:1s;animation-name:slidein_Up}@media(max-width:425px){.signReadContainer .readInfo .signProfileOn{width:150%;left:-25%}}@keyframes slidein_Up{0%{opacity:.3;top:-7rem}}.signReadContainer .readInfo .signProfileOn .profileCard .profileInfo{text-align:left}.signReadContainer .readInfo .signProfileOn .profileCloseBtn{position:absolute;top:.3rem;right:.5rem;cursor:pointer}.signReadContainer .readInfo .signProfileOn .profileCloseBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.signReadContainer .readInfo .readDate{width:45%;font-size:1rem}.signReadContainer .readTitle{display:flex;justify-content:center;align-items:center;height:17%;font-size:1.3rem;padding:.5rem}.signReadContainer .readContent{display:flex;text-align:left;height:53%;background-color:hsla(0,0%,100%,.5);font-size:1.2rem;padding:.5rem;overflow:auto}.signReadContainer .funcContainer{display:flex;height:12%}.signReadContainer .funcContainer .readLikeBtn{width:50%}.signReadContainer .funcContainer .signDeleteBtn{display:flex;justify-content:center;align-items:center;width:50%;font-size:1.2rem;border-left:.125rem solid #000;cursor:pointer}.signReadContainer .signDeleteBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.guestBookList{display:flex;width:100%;justify-content:space-around;align-items:center;height:10%;font-size:1.1rem;border-bottom:1px solid grey}.guestBookList .signDate,.guestBookList .signName,.guestBookList .signNumber,.guestBookList .signTitle{padding:.3rem}.guestBookList .signNumber{width:10%;border-right:1px solid grey}.guestBookList .signName{width:30%}.guestBookList .signName,.guestBookList .signTitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid grey}.guestBookList .signTitle{width:40%;cursor:pointer}.guestBookList .signTitle:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.guestBookList .signDate{width:20%}.guestBook{position:absolute;bottom:-2rem;left:.4rem}.guestBook .guestBookSwitch{background-color:rgba(222,201,187,.95);border:.188rem solid #48989c;box-shadow:0 0 .25rem .125rem #48989c;padding:.5rem;font-size:1.4rem;cursor:pointer}.guestBook .guestBookSwitch:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c;transform:scale(1.05)}.guestBook .guestBookBackground{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8}.guestBook .guestBookContainer{display:flex;flex-direction:column;position:fixed;z-index:2;top:25%;left:25%;width:50%;height:50%;background-color:rgba(185,161,145,.9);border:3px solid #48989c;box-shadow:0 0 .625rem .313rem #48989c;animation-duration:.2s;animation-name:zoomin}@media(max-width:768px){.guestBook .guestBookContainer{left:12.5%;width:75%}}.guestBook .guestBookContainer .guestBookCloseBtn{display:flex;align-items:center;place-self:flex-end;font-size:1.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:8%;padding:.5rem;cursor:pointer}.guestBook .guestBookContainer .guestBookCloseBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.guestBook .guestBookContainer .guestBookTitle{display:flex;justify-content:center;align-items:center;height:12%;font-size:1.5rem;background-color:hsla(0,0%,100%,.5)}.guestBook .guestBookContainer .guestBookTitle .modalDescription{font-size:1rem}.guestBook .guestBookContainer .signListContainer{width:100%;height:77%;overflow-y:auto;padding:.3rem}.guestBook .guestBookContainer .signCreateBtn{display:flex;align-items:center;justify-content:center;height:8%;font-size:1.2rem;background-color:#ccb5a6;cursor:pointer}.guestBook .guestBookContainer .signCreateBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.guestBook .guestBookContainer .off{background-color:#fff;opacity:.2;cursor:default}.guestBook .guestBookContainer .signFormContainer{position:absolute;bottom:7.5%;left:12.5%;width:75%;height:85%;background-color:#b9a191;border:3px solid #48989c;box-shadow:0 0 .625rem .313rem #48989c;animation-duration:.2s;animation-name:zoomin}.profileEditor{width:100%;margin-left:.5em}.profileEditor .profileForm{display:flex;flex-direction:column;align-content:flex-start;width:100%;height:100%}.profileEditor .profileForm .row1,.profileEditor .profileForm .row2,.profileEditor .profileForm .row3{display:flex;align-items:center;width:100%}.profileEditor .profileForm .row1 input,.profileEditor .profileForm .row1 select,.profileEditor .profileForm .row1 textarea,.profileEditor .profileForm .row2 input,.profileEditor .profileForm .row2 select,.profileEditor .profileForm .row2 textarea,.profileEditor .profileForm .row3 input,.profileEditor .profileForm .row3 select,.profileEditor .profileForm .row3 textarea{font-size:.9rem}.profileEditor .profileForm .row1 input:focus,.profileEditor .profileForm .row1 select:focus,.profileEditor .profileForm .row1 textarea:focus,.profileEditor .profileForm .row2 input:focus,.profileEditor .profileForm .row2 select:focus,.profileEditor .profileForm .row2 textarea:focus,.profileEditor .profileForm .row3 input:focus,.profileEditor .profileForm .row3 select:focus,.profileEditor .profileForm .row3 textarea:focus{outline:0}.profileEditor .profileForm .row1{height:23%}.profileEditor .profileForm .row1 .name{width:15%}.profileEditor .profileForm .row1 .gender{padding:.063em .125em .063em .063em;border-width:.063em;margin-left:.2em;margin-right:.2em}.profileEditor .profileForm .row1 .email{width:30%}.profileEditor .profileForm .row2{height:37%}.profileEditor .profileForm .row2 .selfIntro{width:100%;height:100%;resize:none}.profileEditor .profileForm .row3{height:20%}.profileEditor .profileForm .row3 #imageUpload{display:none}.profileEditor .profileForm .row3 .imageUploadBtn{cursor:pointer}.profileEditor .profileForm .row3 .imageUploadBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.profileEditor .profileForm .row4{display:flex;align-items:center;height:20%}.profileEditor .profileForm .row4 .profileUpdated,.profileEditor .profileForm .row4 .profileUpdating,.profileEditor .profileForm .row4 .resetBtn,.profileEditor .profileForm .row4 .resetBtnOff{border:.126rem solid #000;padding:.063rem}.profileEditor .profileForm .row4 .profileUpdating,.profileEditor .profileForm .row4 .resetBtnOff{color:grey}.profileEditor .profileForm .row4 .profileUpdated,.profileEditor .profileForm .row4 .resetBtn{cursor:pointer}.profileEditor .profileForm .row4 .profileUpdated:hover,.profileEditor .profileForm .row4 .resetBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.profileEditor .profileForm .row4 .resetBtn,.profileEditor .profileForm .row4 .resetBtnOff{margin-left:1rem}.profile{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media(max-width:768px){.profile{flex-direction:column}}.profile .profileCardContainer{position:relative;display:flex;width:100%;background-color:rgba(222,201,187,.8);border:.188rem solid #48989c;border-radius:.625em}.profile .profileCardContainer .profileEditBtn{position:absolute;right:-.3rem;top:.3rem;margin:0 .625em;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:.9rem}.profile .profileEditorContainer{display:flex;width:100%}a{text-decoration:none;color:#000}.header{width:100%}.header .title{position:relative;text-align:center;padding:.9em 0}.header .title .titleImg{width:20rem;cursor:pointer;-webkit-filter:drop-shadow(0 0 .5rem #48989c);filter:drop-shadow(0 0 .5rem #48989c)}.header .logout{display:flex;justify-content:flex-end;width:100%}.header .logout .logoutImg{width:8rem;padding:.3em;cursor:pointer;background-color:rgba(222,201,187,.95);border:.188rem solid #48989c;box-shadow:0 0 .25rem .125rem #48989c}.header .logout .logoutImg:hover{opacity:.8}.header .profileContainer{padding:.3em}.header .menus,.header .profileContainer{display:flex;background-color:rgba(222,201,187,.95);border:.188rem solid #48989c;box-shadow:0 0 .625rem .313rem #48989c}.header .menus{justify-content:space-around;align-items:center;padding:.625rem 0;border-top:none}.header .menus li{display:flex}.header .menus li img{width:100%;cursor:pointer;-webkit-filter:drop-shadow(0 0 .063rem #000);filter:drop-shadow(0 0 .063rem black)}.header .menus li .selected,.header .menus li img:hover{transform:scale(1.1);-webkit-filter:drop-shadow(0 0 .313rem #48989c);filter:drop-shadow(0 0 .313rem #48989c)}.header .menus li img:hover{transition:50ms ease-in}.header .menus .lolMenu{width:7rem}@media(max-width:425px){.header .menus .lolMenu{width:6rem}}@media(max-width:320px){.header .menus .lolMenu{width:5rem}}.header .menus .lostarkMenu{width:10rem}@media(max-width:425px){.header .menus .lostarkMenu{width:9rem}}@media(max-width:320px){.header .menus .lostarkMenu{width:8rem}}.header .menus .poeMenu{width:5rem}@media(max-width:425px){.header .menus .poeMenu{width:4rem}}@media(max-width:320px){.header .menus .poeMenu{width:3rem}}.header .menus .etcMenu{width:8rem}@media(max-width:425px){.header .menus .etcMenu{width:7rem}}@media(max-width:320px){.header .menus .etcMenu{width:6rem}}.bookmarkItem{display:flex;justify-content:space-between;font-size:1.2rem;padding-bottom:.5rem}.bookmarkItem .bookmarkLink{display:flex;align-items:baseline;overflow:hidden;white-space:nowrap}.bookmarkItem .bookmarkLink .bookmarkName{border-left:.313rem solid #1e7b80;border-bottom:.063rem solid #1e7b80;padding-left:.188rem}.bookmarkItem .bookmarkLink .bookmarkURL{font-size:1rem;margin-left:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bookmarkItem .bookmarkLink:hover{text-shadow:0 0 .125rem #48989c}.bookmarkItem .bookmarkDeleteBtn{color:gold;-webkit-filter:drop-shadow(0 0 .063rem #646464);filter:drop-shadow(0 0 .063rem #646464);cursor:pointer}.bookmarkItem .bookmarkDeleteBtn:hover{color:#ceb009}.main{display:flex;flex-direction:column;width:100%;flex:1 1;padding:1em;background-color:hsla(0,0%,100%,.7)}.main .mainAbout{display:flex;flex-direction:column;width:95%;height:-webkit-max-content;height:-moz-max-content;height:max-content;place-self:center;box-shadow:0 0 .625rem .313rem #b9a191;border:.188rem solid #328488}.main .mainAbout .mainAboutTitle{background-color:rgba(185,161,145,.9);border-bottom:.188rem solid #328488;font-size:1.7rem;padding:.5rem}@media(max-width:425px){.main .mainAbout .mainAboutTitle:after{margin-left:1rem;font-size:1rem;content:"↓ 펼치기"}}.main .mainAbout .mainAboutContent{background-color:hsla(0,0%,100%,.5);font-size:1.2rem;padding:.5rem}@media(max-width:425px){.main .mainAbout .mainAboutContent{overflow:hidden;max-height:2em}}.main .mainAbout .mainAboutContent:hover{max-height:none}.main .bookmark{display:flex;flex-direction:column;width:95%;margin-top:1em;height:-webkit-max-content;height:-moz-max-content;height:max-content;place-self:center;box-shadow:0 0 .625rem .313rem #b9a191}.main .bookmark .bookmarkList{width:100%;border:.188rem solid #328488;border-bottom:none}.main .bookmark .bookmarkList .bookmarkTitle{font-size:1.7rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.main .bookmark .bookmarkList .bookmarkItems{height:-webkit-min-content;height:-moz-min-content;height:min-content;border-bottom:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);padding:.5rem .5rem 0}.main .bookmark .bookmarkLinkAdd{display:flex;width:100%;align-items:center;border-left:.188rem solid #328488;border-right:.188rem solid #328488}.main .bookmark .bookmarkLinkAdd .bookmarkLinkName,.main .bookmark .bookmarkLinkAdd .bookmarkLinkSubmit,.main .bookmark .bookmarkLinkAdd .bookmarkURLInput{font-size:1rem;border:none;background-color:#fff}.main .bookmark .bookmarkLinkAdd .bookmarkLinkName:focus,.main .bookmark .bookmarkLinkAdd .bookmarkURLInput:focus{outline:0}@media(max-width:425px){.main .bookmark .bookmarkLinkAdd .bookmarkLinkName:focus,.main .bookmark .bookmarkLinkAdd .bookmarkURLInput:focus{flex:3 1}}.main .bookmark .bookmarkLinkAdd .bookmarkLinkName{width:100%;flex:1 1;border-right:.188rem solid #328488}.main .bookmark .bookmarkLinkAdd .bookmarkURLInput{width:100%;flex:3 1;border-right:.188rem solid #328488}.main .bookmark .bookmarkLinkAdd .bookmarkLinkSubmit{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content}.main .bookmark .bookmarkHowto{width:100%;border:.188rem solid #328488}.main .bookmark .bookmarkHowto .bookmarkHowtoTitle{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}@media(max-width:425px){.main .bookmark .bookmarkHowto .bookmarkHowtoTitle:after{margin-left:1rem;font-size:1rem;content:"↓ 펼치기"}}.main .bookmark .bookmarkHowto .bookmarkHowtoContent{background-color:hsla(0,0%,100%,.5);font-size:1.1rem;padding:.5rem}@media(max-width:425px){.main .bookmark .bookmarkHowto .bookmarkHowtoContent{overflow:hidden;max-height:2em}}.main .bookmark .bookmarkHowto .bookmarkHowtoContent:hover{max-height:none}.modal .modalSwitch:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c;cursor:pointer}.modal .modalBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8}.modal .modalContainer{display:flex;flex-direction:column;position:fixed;top:25%;left:25%;width:50%;height:50%;background-color:rgba(185,161,145,.9);border:3px solid #48989c;box-shadow:0 0 .625rem .313rem #48989c;animation-duration:.2s;animation-name:zoomin}@media(max-width:768px){.modal .modalContainer{left:12.5%;width:75%}}.modal .modalContainer .modalCloseBtn{display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:10%;align-self:flex-end;font-size:1.4rem;padding:.5rem}.modal .modalContainer .modalCloseBtn:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c;cursor:pointer}.modal .modalContainer .modalTitle{display:flex;flex-direction:column;justify-content:center;align-items:center;height:20%;font-size:1.2rem;background-color:hsla(0,0%,100%,.5)}.modal .modalContainer .modalTitle .modalDescription{font-size:1rem}.modal .modalContainer .modalContent{height:60%;font-size:1rem;resize:none}.modal .modalContainer .modalContent:focus{outline:0}.modal .modalContainer .modalSubmit{display:flex;justify-content:center;align-items:center;width:100%;height:10%;font-size:1.3rem;cursor:pointer}.modal .modalContainer .off{background-color:#fff;opacity:.2;cursor:default}.footer{width:100%;padding:.3em;background-color:hsla(0,0%,100%,.6);border:.19em solid #48989c;box-shadow:0 0 .625rem .313rem #48989c}.footer .myGithub{font-size:1.5rem}.footer .myGithub:hover{color:rgba(0,0,0,.5);text-shadow:0 0 .063rem #48989c}.footer .copyrightAndReport{display:flex;justify-content:space-between}.footer .copyrightAndReport .copyright{color:rgba(0,0,0,.5)}.bookmarkBtnOff{font-size:2rem;color:#646464}@media(pointer:fine){.bookmarkBtnOff:hover{transform:scale(1.1);color:gold;-webkit-filter:drop-shadow(0 0 .188rem #646464);filter:drop-shadow(0 0 .188rem #646464)}}.bookmarkBtnOn{font-size:2rem;color:gold;-webkit-filter:drop-shadow(0 0 .188rem #646464);filter:drop-shadow(0 0 .188rem #646464)}@media(pointer:fine){.bookmarkBtnOn:hover{transform:scale(.9);color:#ceb009}}.siteItem{position:relative;display:flex;flex-direction:column;align-items:center;width:20%;padding:.5rem;margin:.5rem 0;border:.063rem solid #000;background-color:rgba(204,181,166,.5)}@media(max-width:768px){.siteItem{width:auto;min-width:30%;margin:.5rem}}@media(max-width:425px){.siteItem{min-width:40%}}.siteItem .siteUrl .siteLogo{max-width:100%;height:3.5rem;-webkit-filter:drop-shadow(0 0 .063rem #000);filter:drop-shadow(0 0 .063rem black)}.siteItem .siteUrl .siteLogo:hover{transform:scale(1.05);-webkit-filter:drop-shadow(0 0 .625rem #48989c);filter:drop-shadow(0 0 .625rem #48989c)}.siteItem .siteInfo .siteName{margin:.2rem 0;text-align:center;font-size:1.25rem;font-weight:700}.siteItem .siteInfo .siteDescription{font-size:1rem;border-top:.063rem solid #000;padding-top:.5rem}.siteItem .bookmarkToggleBtn{position:absolute;top:-.5em;right:-1em;cursor:pointer}.siteList{display:flex;justify-content:space-around}@media(max-width:768px){.siteList{overflow:auto;justify-content:flex-start}}.videoContainer{width:30%;height:25%;padding:.625em;margin:.625em;border:.063rem solid #000;background-color:rgba(204,181,166,.5);cursor:pointer}@media(max-width:768px){.videoContainer{width:45%;height:auto}}@media(max-width:425px){.videoContainer{width:50%}}.videoContainer .videoWrapper{width:100%;height:100%;display:flex;align-items:center}@media(max-width:768px){.videoContainer .videoWrapper{flex-direction:column}}.videoContainer .videoWrapper .thumbnail{width:35%}@media(max-width:768px){.videoContainer .videoWrapper .thumbnail{width:100%}}.videoContainer .videoWrapper .videoInfo{width:65%;margin-left:.5em}@media(max-width:768px){.videoContainer .videoWrapper .videoInfo{width:100%;margin-left:0;margin-top:.5em}}.videoContainer .videoWrapper .videoInfo .title{font-size:1.1rem;font-weight:600;max-height:2.6rem;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:768px){.videoContainer .videoWrapper .videoInfo .title{width:100%}}.videoContainer .videoWrapper .videoInfo .channel{margin-top:.3em;font-size:1rem;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.videoContainer .videoWrapper .videoInfo .channel{width:303px;max-width:100%}}.videoContainer:hover{transform:scale(1.2);transition:transform .15s ease-in;background-color:#dec9bb;box-shadow:0 0 .625rem .313rem #48989c}@media(max-width:768px){.videoContainer:hover{transform:scale(1.05)}}.list{display:flex;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.list{flex-wrap:nowrap;overflow:auto;justify-content:flex-start}}.videoPlayer{position:absolute;width:90%;height:106%;left:5%;top:-3%;border:.188rem solid #48989c;box-shadow:0 0 .625rem .188rem #48989c;animation-duration:.2s;animation-name:zoomin}@media(max-width:768px){.videoPlayer{width:90%;left:5%}}.videoPlayer .player{width:100%;height:100%}@keyframes zoomin{0%{transform:scale(.5)}to{transfrom:scale(1)}}.videoCloseBtn{position:absolute;right:-1rem;width:3rem;height:3rem;border:.188rem solid #48989c;border-radius:15%;background-color:rgba(222,201,187,.9);box-shadow:0 0 .625rem .313rem #48989c;cursor:pointer}@media(max-width:425px){.videoCloseBtn{right:-1.6rem;width:3rem;height:3rem}}.videoCloseBtn:hover{background-color:#dec9bb;transform:scale(1.2)}.lol{display:flex;flex-direction:column;width:100%;flex:1 1;padding:1em;background-color:hsla(0,0%,100%,.7)}.lol .youtube{display:flex;flex-direction:column;place-self:center;position:relative;width:95%;margin-bottom:1em;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.lol .youtube .listBlocker{position:absolute;width:100%;height:100%}.lol .youtube .youtubeSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.lol .infoSites{display:flex;flex-direction:column;place-self:center;width:95%;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.lol .infoSites .infoSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.lostark{display:flex;flex-direction:column;width:100%;flex:1 1;padding:1em;background-color:hsla(0,0%,100%,.7)}.lostark .youtube{display:flex;flex-direction:column;place-self:center;position:relative;width:95%;margin-bottom:1em;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.lostark .youtube .listBlocker{position:absolute;width:100%;height:100%}.lostark .youtube .youtubeSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.lostark .infoSites{display:flex;flex-direction:column;place-self:center;width:95%;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.lostark .infoSites .infoSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.poe{display:flex;flex-direction:column;width:100%;flex:1 1;padding:1em;background-color:hsla(0,0%,100%,.7)}.poe .youtube{display:flex;flex-direction:column;place-self:center;position:relative;width:95%;margin-bottom:1em;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.poe .youtube .listBlocker{position:absolute;width:100%;height:100%}.poe .youtube .youtubeSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.poe .infoSites{display:flex;flex-direction:column;place-self:center;width:95%;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.poe .infoSites .infoSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.etc{display:flex;flex-direction:column;width:100%;flex:1 1;padding:1em;background-color:hsla(0,0%,100%,.7)}.etc .youtube{display:flex;flex-direction:column;place-self:center;position:relative;width:95%;margin-bottom:1em;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.etc .youtube .listBlocker{position:absolute;width:100%;height:100%}.etc .youtube .youtubeSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.etc .infoSites{display:flex;flex-direction:column;place-self:center;width:95%;border:.188rem solid #328488;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 .625rem .313rem #b9a191}.etc .infoSites .infoSection{font-size:1.5rem;border-bottom:.188rem solid #328488;background-color:rgba(185,161,145,.9);padding:.5rem}.loginBackground{position:fixed;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.login{z-index:2;width:100%;height:100vh;justify-content:center}.login,.login .loginContainer{display:flex;flex-direction:column;align-items:center}.login .loginContainer{position:relative;width:768px;height:432px;justify-content:space-evenly;padding:2rem;background-color:hsla(0,0%,100%,.7)}@media(max-width:768px){.login .loginContainer{width:90%}}.login .loginContainer .loginBlocker{position:absolute;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(222,201,187,.9)}.login .loginContainer .loginBlocker .blockerContent{display:flex;font-size:3rem}.login .loginContainer .loginBlocker .blockerContent .contentLetter{animation-duration:1.25s;animation-name:wave;animation-iteration-count:infinite}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-1.25rem)}to{transform:translateY(0)}}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(2){animation-delay:.1s}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(3){animation-delay:.2s}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(4){animation-delay:.3s}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(5){animation-delay:.4s}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(6){animation-delay:.5s}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(7){animation-delay:.6s}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(8){animation-delay:.7s}.login .loginContainer .loginBlocker .blockerContent .contentLetter:nth-child(9){animation-delay:.8s}.login .loginContainer .off{display:none}.login .loginContainer .loginDescription{text-align:center}.login .loginContainer .loginDescription h1{font-size:1.875rem;text-align:center}.login .loginContainer .loginDescription h2{padding-top:2.5rem}.login .loginContainer .loginDescription h2 .moreFunc{position:relative;color:#00f;border-bottom:1px solid #00f}.login .loginContainer .loginDescription h2 .moreFunc .moreFuncContent{position:absolute;left:-100%;top:150%;width:-webkit-max-content;width:-moz-max-content;width:max-content;border:1px solid #000;padding:.3em;background-color:rgba(135,206,235,.5)}.login .loginContainer .loginDescription h2 .moreFunc .invisible{display:none}.login .loginContainer .authList{width:100%;display:flex;justify-content:space-evenly}@media(max-width:768px){.login .loginContainer .authList{align-items:center}}.login .loginContainer .authList li{display:flex;background-color:#fff;border-radius:100%}@media(max-width:768px){.login .loginContainer .authList li{justify-content:center;width:6rem}}.login .loginContainer .authList li img{width:100px;cursor:pointer;border-radius:90%}@media(max-width:768px){.login .loginContainer .authList li img{width:100%}}.login .loginContainer .authList li:hover{transform:scale(1.1);transition:50ms ease-in;-webkit-filter:drop-shadow(0 0 1rem #48989c);filter:drop-shadow(0 0 1rem #48989c)}
/*# sourceMappingURL=main.0d37105b.chunk.css.map */