body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{word-wrap:break-word;box-sizing:border-box}li{list-style:inside}.background{background-repeat:no-repeat;background-size:100% 100%;display:flex;flex-direction:row;height:100vh;padding:3% 6% 3% 15%;width:100vw}.outerBlue{background-color:#55b2d4;border:2px solid;border-radius:15px;height:100%;padding:15px;width:100%}.whiteSolid{border:2px dashed #d3d3d3;border-radius:15px;display:flex;padding:10px}.outerbox,.whiteSolid{height:100%;width:100%}.outerbox{background-color:#eee;border:2px solid;border-radius:15px}.wrapper{display:flex;flex-direction:row;height:100%;padding:.3%;width:100%}.wrapper__left{height:100%;padding:.3rem;width:20%}.main__left{background-color:#fff;border:1px solid;border-radius:15px;height:100%;margin-right:5px;padding:.5rem}.wrapper__right{height:100%;padding:.3rem;width:80%}.main__right{background-color:#fff;border:1px solid;border-radius:15px;height:100%;margin-right:10px;padding:1rem}.navigation{display:flex;flex-direction:column;height:23rem;position:relative;right:3.13rem;top:3.5rem}.navigation__item{background-color:#298eb5;border:1px solid #000;border-left:none;border-radius:0 .5rem .5rem 0;color:#fff;font-size:15px;height:45px;line-height:40px;margin-bottom:.05rem;text-align:center;text-decoration:none;width:60px}.navigation__item.active{background-color:#fff;color:#000}.side{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:15%}.music{background-color:#f5f5f5;border-radius:1rem;box-shadow:0 0 0 2px #06182c66,0 4px 6px -1px #06182ca6,inset 0 1px 0 #ffffff14;height:15%;padding:.5rem .5rem .3rem;width:90%}.weather{height:24%;margin-top:9rem;width:75%}.time,.weather{background-color:#f5f5f5;border-radius:1rem;box-shadow:0 0 0 2px #06182c66,0 4px 6px -1px #06182ca6,inset 0 1px 0 #ffffff14;padding:.5rem}.time{height:9.5%;margin-top:10rem;overflow:hidden;width:70%}.sideTime-box{align-items:center;display:flex;flex-direction:column;overflow:hidden;text-align:center}.geolocation span,.nowTime{font-size:2rem}.linkto{background-color:#ffb6c1}.Information-icon:hover{color:pink;cursor:help}.notfound{border:.1rem solid #000;border-radius:1rem;height:100%;width:100%}.notfound-img{border-radius:1rem}@media screen and (min-width:1366px) and (max-width:1512px){.nowTime{font-size:1.8rem}.toDay{font-size:.8rem}.geolocation span{font-size:1.5rem}}@media screen and (min-width:768px) and (max-width:1366px){.nowTime{font-size:1.4rem}.toDay{font-size:.6rem}h2{font-size:1.2rem}.geolocation span{font-size:1rem}}.sideMusic{background-color:#f5f5f5;border-radius:1rem;height:100%;width:100%}.sideMusic-songinfo{height:35%;width:100%}.flow-text{align-items:center;display:flex;flex:0 0 auto;font-size:1.5rem;font-weight:700;height:100%;overflow:hidden;transition:.3s;white-space:nowrap;width:100%}.flow-text:hover{color:#9d9993}.flow-text:hover .flow-wrap{animation-play-state:paused;cursor:pointer}.flow-wrap{animation:textLoop 10s linear infinite;padding-right:1.5rem}@keyframes textLoop{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.sideMusic-mid{align-items:center;display:flex;height:35%;justify-content:space-around}.sideMusic-control-btn{height:100%;overflow:hidden}.sideMusic-control-btn,.sideMusic-control-btn button{align-items:center;display:flex;justify-content:center}.sideMusic-control-btn button{background:none;border:none;color:#000;font-size:1.5rem;height:2rem;width:2rem}.sideMusic-control-btn button:hover{color:#000;cursor:pointer;font-size:2rem}.sideMusic-control-btn button:active{color:#6e2c17}.sideMusic-control-btn button:disabled{color:gray;pointer-events:none}.sideMusic-volume{height:30%;overflow:hidden}.sideMusic-reactPlayer-wrapper{align-items:center;display:flex;justify-content:center;margin-top:1rem}.btn-active{fill:#7a4c3e;color:#6e2c17}@media screen and (min-width:1366px) and (max-width:1512px){.sideMusic-control-btn button{font-size:1.3rem;height:1.3rem;width:1.3rem}.sideMusic-control-btn button:hover{font-size:1.7rem}}@media screen and (min-width:768px) and (max-width:1366px){.sideMusic-control-btn button{font-size:1.2rem;height:1.2rem;width:1.2rem}.sideMusic-control-btn button:hover{font-size:1.6rem}}@keyframes PlayerBackgroundAni{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.m-background{animation:PlayerBackgroundAni 15s ease infinite;background:linear-gradient(180deg,#fcc,#f9c);background:linear-gradient(-45deg,#fff6b7,#f092bc,#8795e6,#c2ffd8);background-size:400% 400%;height:100vh;width:100vw}.mobile-music{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;width:100%}.top{display:flex;height:10%;justify-content:space-between;width:90%}.repeat{align-items:center;display:flex;flex-direction:row;width:10%}.repeat-icon{width:4rem}.cm-music{display:flex;width:60%}.cm-music-txt{background:linear-gradient(180deg,#d9a7c7,#fffcdc);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:5rem;font-weight:600;justify-content:center;padding:1rem;width:100%}.cm-music-txt,.playing-list{align-items:center;display:flex}.playing-list{justify-content:end;width:10%}.playing-list-icon{width:4rem}.body{display:flex;flex-direction:column;height:75%;width:90%}.m-show-box{height:65%}.m-notice{color:#fff;font-size:1.5rem;padding:1rem}.m-show-playlist{background-color:#000000a6;display:flex;flex-direction:column;height:100%;list-style:none;max-height:100%;overflow-y:scroll}.m-showing-playlist{color:#fff;display:flex;font-size:2rem;justify-content:center;padding:1rem}.m-show-playingList{background-color:#000000a6;display:flex;flex-direction:column;height:100%;list-style:none;max-height:100%;overflow-y:scroll}.m-showing-playingList{display:flex;flex-direction:column;justify-content:center;padding:1rem}.m-playingList-title{color:#fff;display:flex;font-size:1.3rem;justify-content:center}.m-playingList-artist{color:#cecbcb;display:flex;font-size:1rem;justify-content:center}.song-info{height:15%}.song-info-mobile{align-items:center;display:flex;flex-direction:column;height:100%}.song-title{align-items:end;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:60%}.song-artist{align-items:top;color:#c8c8c8;display:flex;font-size:.8rem;height:40%}.song-info-player{color:#fff}.song-info-player,.song-info-player2{align-items:center;display:flex;flex:0 0 auto;font-size:4rem;font-weight:700;height:100%;overflow:hidden;transition:.3s;white-space:nowrap;width:100%}.song-info-player2{color:#9d9993}.song-info-player2:hover,.song-info-player:hover{color:pink}.song-info-player-wrap{animation-play-state:paused;animation:textLoop 10s linear infinite;cursor:pointer;padding-right:7rem}.controls{display:flex;flex-direction:column;height:20%}.play-bar{align-items:center;display:flex;flex-direction:row;height:50%;justify-content:space-between}.time-start{color:#fff;display:flex;font-size:1rem;justify-content:center;width:15%}.play-bar-range{width:70%}.play-bar-range::-webkit-slider-thumb{height:1.5rem;pointer-events:all;width:1.5rem}.play-bar-range::-moz-range-thumb{height:1.5rem;pointer-events:all;width:1.5rem}.play-bar-range::-ms-thumb{height:1.5rem;pointer-events:all;width:1.5rem}.time-end{color:#fff;display:flex;font-size:1rem;justify-content:center;width:15%}.play-btns{flex-direction:row;height:50%}.play-btns,.play-btns button{align-items:center;display:flex;justify-content:center}.play-btns button{background:none;border:none;color:#cecbcb;font-size:2rem;height:3rem;width:3rem}.play-btns-p{flex-direction:row;height:50%}.play-btns-p,.play-btns-p button{align-items:center;display:flex;justify-content:center}.play-btns-p button{background:none;border:none;color:#cecbcb;font-size:4rem;height:5rem;width:6rem}.play-btns-p button:hover{font-size:5rem}.play-btns,.play-btns-p button:active{color:#fff}.play-btns,.play-btns-p button:disabled{color:gray}.mobile-music .btn-active{color:pink}.volumeBar{margin-top:2rem;width:80%}.sideWeather-box{background-color:#f5f5f5;border-radius:1rem;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.5rem}.sideWeather-location{display:flex;font-size:2rem;font-weight:700;justify-content:center;margin-bottom:1rem;text-align:center}.sideWeather-InfoBox{display:flex;flex-direction:column}.sideWeather-info{align-items:center;display:flex;flex-direction:row}.sideWeather-info>div{margin-left:.7rem}@media screen and (min-width:1366px) and (max-width:1512px){.sideWeather-box{padding:.3rem}.sideWeather-location{font-size:1.6rem}.sideWeather-info>div{margin-left:.3rem}.sideWeather-InfoBox{font-size:.9rem}}@media screen and (min-width:768px) and (max-width:1366px){.sideWeather-box{padding:.3rem}.sideWeather-location{font-size:1.3rem}.sideWeather-info>div{margin-left:.2rem}.sideWeather-InfoBox{font-size:.7rem}}.home-right{border-radius:1rem;display:flex;flex-direction:column;height:100%;justify-content:space-between}.home-right-top{height:25%}.home-right-notice{display:flex;flex-direction:column;font-size:1.5rem;height:20%;justify-content:center;padding-left:.5rem}.home-right-content{display:flex;flex-direction:row;height:80%;justify-content:space-between}.home-right-notice-content{border:.1rem solid #000;border-radius:1rem;display:flex;flex-direction:column;overflow-y:auto;padding:.5rem;width:50%}.notice-itme{display:flex;flex-direction:row;font-size:.9rem;padding:.2rem;width:100%}.notice-item-title{width:75%}.notice-item-date{color:grey;width:25%}.home-right-pageSummary{border:1px dotted gray;display:flex;flex-wrap:wrap;width:45%}.home-right-pageSummary>div{align-items:center;border:1px dotted gray;display:flex;padding:.7rem;width:50%}.home-pageSummary-link{color:#2b2b2b;text-decoration:none}.home-pageSummary-link span{color:navy}.home-right-notice-detail{border:.1rem solid #000;border-radius:1rem;display:flex;flex-direction:column;height:70%;overflow-y:overlay;padding:1rem}@media screen and (min-width:1366px) and (max-width:1512px){.home-right-notice-content{padding:.4rem}.notice-itme{font-size:.7rem}.home-right-pageSummary>div{padding:.3rem}.home-right-notice-detail{font-size:.78rem}}@media screen and (min-width:768px) and (max-width:1366px){.home-right-notice-content{padding:.3rem}.notice-itme{font-size:.57rem}.home-right-pageSummary>div{font-size:.8rem;padding:.1rem}.home-right-notice-detail{font-size:.65rem}}.update-version-item{display:flex;flex-direction:column;padding:.5rem}.update-version-main{color:navy;font-size:1.5rem}.update-sub-items{display:flex;flex-direction:row;margin-bottom:.1rem}.update-sub-version{margin-left:1rem;width:8%}.update-sub-change{width:77%}.update-sub-date{width:15%}.notice-musicplayer-div1{display:flex;flex-direction:row}.notice-musicplayer-div2{display:flex;flex-direction:column}.notice-musicplayer-imgdiv{margin-left:1.5rem}.wrapper__left__header{align-items:center;display:flex;flex-direction:column;height:30%;justify-content:center}.img_profile img{max-height:auto;max-width:170px}.wrapper__left__body{display:flex;flex-direction:column;height:60%}.img_profile{border-radius:1rem;overflow:hidden}.img_profile img{border-radius:1rem;max-width:100%}.introduce,.welcomeMessage{display:flex;flex-direction:column;height:100%}.welcomeMessage{font-size:.86rem;padding-left:.5rem}.welcomeMessage span{margin-bottom:.1rem}.wrapper__left__footer{align-content:space-between;display:flex;flex-direction:column;height:10%;margin-left:.5rem}.emailAddress{color:navy;font-size:.7rem;font-weight:1000;margin-bottom:.5rem;overflow:hidden}.sites{justify-content:center}.LeftNavPage,.sites{display:flex;flex-direction:column}.LeftNavPage{height:100%}.LeftNavPage-Nav{background-color:#fff;border-radius:1rem;color:navy;display:flex;font-size:1.4rem;justify-content:center;padding:.4rem;text-decoration:none}.LeftNavPage-Nav.active{background-color:#add8e6}@media screen and (min-width:1366px) and (max-width:1512px){.wrapper__left__footer{margin-left:.3rem}.emailAddress{font-size:.5rem}.sites,.welcomeMessage{font-size:.8rem}.sites-select{font-size:.6rem}.LeftNavPage-Nav{font-size:1rem}}@media screen and (min-width:768px) and (max-width:1366px){.wrapper__left__footer{margin-left:.05rem}.emailAddress{font-size:.35rem}.welcomeMessage{font-size:.77rem}.sites{font-size:.5rem}.sites-select{font-size:.37rem}.LeftNavPage-Nav{font-size:.7rem}}.profileRight{border-radius:1rem;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:.5rem}.title{font-size:3rem;font-weight:700;margin-bottom:.1rem;padding:.3rem}.profile-skills{display:flex;flex-direction:column;margin-bottom:4rem}.profile-items{display:flex;flex-direction:row;flex-wrap:wrap}.profile-icons{align-items:center;border-radius:1rem;display:flex;flex-direction:column;font-weight:500;height:7rem;margin:.5rem;width:7rem}.profile-icons img{height:5rem;width:5rem}.profile-icons-title{font-size:1.1rem}.profile-icons-date{color:gray;font-size:.6rem}.profile-certification{display:flex;flex-direction:column;margin-bottom:4rem}.profile-education{display:flex;flex-direction:column;margin-bottom:3rem}.profile-edu-icons{align-items:center;border-radius:1rem;display:flex;flex-direction:column;font-weight:500;height:6.5rem;margin:.5rem;width:9rem}.profile-edu-title{color:navy;font-size:1.5rem;height:60%}.profile-edu-desc,.profile-edu-title{align-items:center;display:flex;text-align:center}.profile-edu-desc{height:25%}.profile-edu-date{align-items:center;color:gray;display:flex;font-size:.7rem;height:15%;text-align:center}.project-right{border-radius:1rem;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:.5rem}.project-items{border:.1rem solid #000;border-radius:.5rem;margin-bottom:1rem;padding:.5rem}.project-items div{margin-bottom:.1rem}.project-title{border-bottom:.1rem dotted gray;font-size:2rem;font-weight:600}.project-where{color:#000;font-size:.9rem}.project-when{color:gray}.project-sub{font-size:1.5rem}.project-exp{margin-left:.5rem}.project-site{margin:.5rem}@media screen and (min-width:1366px) and (max-width:1512px){.project-title{font-size:1.8rem}.project-when{font-size:.8rem}.project-sub{font-size:1.3rem}.project-exp{font-size:.7rem}}@media screen and (min-width:768px) and (max-width:1366px){.project-title{font-size:1.4rem}.project-when{font-size:.6rem}.project-sub{font-size:1rem}.project-exp{font-size:.5rem}}.jukboxRight{height:100%;overflow-y:auto;padding:10px}.music__table{display:flex;flex-direction:column;height:80%}.music-play-all{display:flex;flex-direction:row;justify-content:baseline;margin-left:1.7rem;padding-bottom:1rem}.music-play-all button{align-items:center;display:flex;font-size:1.5rem;height:2rem}.music-play-all button:hover{cursor:pointer}.music-play-all button:active{color:#6e2c17}.music-row-header{background-color:#d3d3d3}.music-render{align-items:center;border-bottom:dotted;display:flex;flex-direction:row;justify-content:space-around;padding:5px;white-space:nowrap}.music-render div{display:flex;justify-content:center}.music-render button:hover{cursor:pointer}.music-render button:active{color:#6e2c17}.music-render>div:first-child,.music-render>div:nth-child(2){width:5%}.music-render>div:nth-child(3){width:50%}.music-render>div:nth-child(4){width:25%}@media screen and (min-width:1366px) and (max-width:1512px){.music-play-all button{font-size:1rem;height:1.5rem}.music-render{font-size:.8rem}.music-render-btn{font-size:.75rem;height:1.2rem;width:1.5rem}}@media screen and (min-width:768px) and (max-width:1366px){.music-play-all button{font-size:.8rem;height:1.2rem}.music-render{font-size:.7rem}.music-render-btn{font-size:.5rem;height:.8rem;width:1.3rem}}.playground-wrap{height:100%;padding:.3rem 15px .3rem .3rem;width:100%}.playground{background-color:#fff;border:1px solid #000;border-radius:1rem;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;overflow-y:auto;padding:.5rem;width:100%}.playground-items{border:.1rem solid #000;border-radius:1rem;height:10rem;margin:1rem;overflow:hidden;width:8rem}.playground-items:hover{cursor:pointer}.playground-items-title{font-size:1.1rem;font-weight:600;height:20%}.playground-items-img,.playground-items-title{align-items:center;display:flex;justify-content:center}.playground-items-img{height:80%}.playground-items-img img{height:100%;width:100%}.guestbookLeft{border-radius:1rem;display:flex;flex-direction:column;height:100%;padding:.5rem}.guestbookLeft-welcom{display:flex;flex-direction:column;height:15%;justify-content:center;text-align:center}.guestbookLeft-welcom-name span{background-color:pink;font-size:2rem;font-weight:600}.guestbookLeft-welcom-message{margin-top:1rem}.guestbookLeft-auth{height:50%}.guestbookLeft-auth,.guestbookLeft-auth-info{display:flex;flex-direction:column}.guestbookLeft-auth-info span{margin-bottom:1rem}.guestbookLeft-auth-btnDiv{display:flex;flex-direction:row;justify-content:space-evenly}.guestbookLeft-auth-btn{align-items:center;border:none;border-radius:50%;display:flex;height:5rem;justify-content:center;width:5rem}.guestbookLeft-auth-btn img:hover{cursor:pointer;height:5.5rem;width:5.5rem}.guestbookLeft-auth-btn:hover{border:.1rem solid #000}.guestbookLeft-auth-btn img{height:5rem;width:5rem}.guestbookLeft-auth-input-info{display:flex;flex-direction:column}.guestbookLeft-auth-input-info span{margin-bottom:1rem}.guestbookLeft-auth-input-info span:nth-of-type(3){font-size:.9rem}.guestbookLeft-auth-input-info input{font-size:1.2rem;height:2rem}.guestbookLeft-auth-input-info button{margin-bottom:1rem}.guestbookLeft-auth-input-info span:nth-of-type(4){color:gray;font-size:.8rem}.guestbookLeft-auth-input-info button:hover{cursor:pointer}.guestbookRight{height:100%;overflow-y:auto}.guestbook-write,.guestbookRight{display:flex;flex-direction:column;padding:.5rem}.guestbook-write{background-color:#ebebeb;border-bottom:.1rem solid gray;border-top:.1rem solid gray;height:25%;margin-bottom:3rem}.guestbook-write-body{display:flex;flex-direction:row;height:80%}.guestbook-write-img{align-items:center;background-color:#fff;border:.01rem solid grey;display:flex;height:100%;justify-content:center;width:15%}.guestbook-write-img:hover,.gusetbook-modal-img:hover{border:.1rem solid #000;cursor:pointer}.guestbook-write-message{background-color:#fff;border:.01rem solid grey;height:100%;margin-left:.3rem;padding:.3rem;width:85%}.guestbook-write-message textarea{border:none;height:100%;padding:.3rem;resize:none;width:100%}.guestbook-write-btn{align-items:center;display:flex;height:20%;margin-left:auto}.guestbook-write-btn button{align-items:center;display:flex;height:70%;justify-content:center}.guestbook-posts{height:75%}.guestbook-items{border-top:.1rem solid grey;margin-bottom:3rem}.guestbook-posts-top{align-items:center;background-color:#ebebeb;display:flex;flex-direction:row;padding:.3rem}.guestbook-posts-name{color:#3a3acb;font-size:1.3rem;font-weight:500;margin-left:2rem}.guestbook-posts-date{color:rgba(20,44,52,.454);margin-left:10rem}.guestbook-posts-deleteBtn{margin-left:auto}.guestbook-posts-body{display:flex;flex-direction:row;height:7rem;margin:.3rem}.posts-body-img{align-items:center;display:flex;justify-content:center;width:15%}.posts-body-message{margin-left:.3rem;overflow-y:auto;padding:.3rem;white-space:pre-wrap;width:85%}.guestbook-posts-footer{margin-left:1rem}@media screen and (min-width:1366px) and (max-width:1512px){.guestbookLeft-welcom-message{font-size:.71rem}.guestbookLeft-auth-info{font-size:.7rem}.guestbookLeft-auth-btn,.guestbookLeft-auth-btn img{height:4rem;width:4rem}.guestbookLeft-auth-btn img:hover{height:4.5rem;width:4.5rem}.guestbook-posts-name{font-size:1rem}.guestbook-posts-date{font-size:.8rem}.posts-body-message{font-size:.9rem}.guestbook-posts-footer{font-size:.85rem}}@media screen and (min-width:768px) and (max-width:1366px){.guestbookLeft-welcom-name span{font-size:1.7rem}.guestbookLeft-welcom-message{font-size:.47rem}.guestbookLeft-auth-info{font-size:.6rem}.guestbookLeft-auth-btn,.guestbookLeft-auth-btn img{height:3rem;width:3rem}.guestbookLeft-auth-btn img:hover{height:3.5rem;width:3.5rem}.guestbook-posts-name,.guestbook-write-message textarea{font-size:.8rem}.guestbook-posts-date{font-size:.6rem}.posts-body-message{font-size:.8rem}.guestbook-posts-footer{font-size:.7rem}}
/*# sourceMappingURL=main.1e7a59a7.css.map*/