html,body,#root{width:100%;height:100vh;margin:0}.WooStar{font-size:38px;margin:0 0 35px;font-family:Pacifico,cursive;font-weight:600}.center{text-align:center}.smallTitle{font-size:25px;padding-left:8px}.bigTitle{font-size:70px;margin-bottom:80px}.Start{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.moveLogin{position:relative;font-size:32px;font-weight:600;cursor:pointer;margin:0 100px}.moveLogin:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#1877f2;transform:scaleX(0);transition:transform .3s}.moveLogin:hover:after{transform:scaleX(1)}.centerContent{display:flex;flex-direction:column;position:relative;text-align:center}.img1{width:100px;position:absolute;left:-130px;top:-50px}.img2{width:100px;position:absolute;right:-130px;top:70px}.img3{width:100px;transform:rotate(180deg)}.floating{animation:floatUpDown 2.5s ease-in-out infinite}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.Sidebar{position:fixed;padding-right:20px;left:20px;top:0;height:100vh;border-right:solid 1px lightgray;z-index:4}.topMargin{margin-top:30px}.section{display:flex;flex-direction:row;border-radius:5px;padding-right:100px;padding-left:10px;align-items:center}.section:hover{background-color:#f2f2f2}.section p{margin-left:15px;font-size:18px}.notiDot{margin-left:15px;margin-top:1px;width:10px;height:10px;border-radius:50%;background-color:red}.CreateModalPopup{background-color:#fff;width:700px;height:700px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;border-radius:10px;z-index:2}.CreateModalPopup>p:first-of-type{padding-bottom:16px;font-weight:600;border-bottom:solid 1px lightgray}.modalMain{font-size:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.modalMain button{margin-top:40px;width:150px}.fileInput{height:25px;padding:10px}.textInput{width:254px}.LoginButton{margin-top:10px;height:35px;color:#fff;background-color:#0095f6;border:none;border-radius:10px;font-size:16px}.LoginButton:hover{background-color:#1877f2}.SearchPopup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;width:400px;height:600px;border-radius:5px;overflow:scroll}.SearchPopup::-webkit-scrollbar{display:none}.SearchSlot{display:flex;justify-content:center;background-color:#f0f0f0;border-bottom:1px solid lightgray}.SearchSlot input{flex:1;border:none;font-size:20px;height:50px;padding-left:25px;background-color:#f0f0f0}.SearchSlot input::placeholder{font-size:15px}.SearchSlot input:focus{outline:none}.SearchSlot img{margin-right:25px}.userList{display:flex;margin:20px 25px}.wrapping_profile{width:50px;height:50px;border-radius:50%;overflow:hidden}.wrapping_profile img{width:100%;height:100%;object-fit:cover}.userinfo{flex:1}.userinfo p{margin:0 0 0 12px}.userListLine{border:none;border-bottom:1px solid lightgray;margin-top:0}.NotificationPopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:600px;border-radius:5px;background-color:#fff}.NotiBar{display:flex;height:50px;justify-content:center;align-items:center;border-bottom:1px solid lightgray}.NotiBar p{margin:0;font-weight:600;font-size:18px}.NotiInfo{display:flex;margin:10px}.NotiInfo p{margin-left:12px}.wrapNotiImg{width:50px;height:50px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid lightgray}.wrapNotiImg img{width:100%;height:100%;object-fit:cover}.NotiLine{border:none;border-bottom:1px solid lightgray;margin:0}.userIdBold{font-weight:600}.Post{position:relative;text-align:center;margin:0 auto;width:450px;z-index:2}.Post p{margin-top:30px;text-align:left;font-size:20px;font-weight:600}.EachPost{margin-bottom:30px}.Icons{display:flex;justify-content:left;gap:15px;margin-top:8px}.topBar{display:flex;align-items:center;gap:15px;margin-bottom:15px}.topBar p{margin-top:0;margin-bottom:0;font-weight:500;font-size:15px}.topBar p:first-of-type{margin-bottom:2px;font-weight:600}.postImg{width:450px;height:700px;object-fit:contain;background-color:#000}.postLine{margin-top:25px;border:none;border-top:1px solid lightgray}.wrapping_post{width:40px;height:40px;border-radius:50%;overflow:hidden}.wrapping_post img{width:100%;height:100%;object-fit:cover}.eachTitle{font-weight:400!important;font-size:16px!important;margin-top:12px!important}.boldText{font-weight:600}.Comments{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:600px;border-radius:5px;background-color:#fff;overflow:hidden}.commentBar{display:flex;height:50px;justify-content:center;align-items:center;border-bottom:1px solid lightgray}.commentBar p{margin:0;font-size:18px}.commentInputBottom{position:absolute;bottom:0;left:0;width:100%;display:flex}.commentInputBottom button{background-color:#d3d3d3;border:none;color:#1877f2;font-weight:600;width:50px;cursor:pointer}.commentInput{flex:1;padding:0 0 0 10px;margin:0;border:none;outline:none;border-radius:0%;height:50px;font-size:16px;border-top:1px solid lightgray}.commentInput:focus{border-top:1px solid gray}.eachComment{display:flex;margin:20px 10px}.commentProfile{width:50px;height:50px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid lightgray}.eachComment p{font-weight:400;font-size:16px;margin:0 0 0 10px}.commentProfile img{width:100%;height:100%;object-fit:cover}.Statusbar{position:fixed;right:30px;top:30px;width:250px}.userProfile{display:flex;margin-bottom:20px;margin-top:5px}.wrapping{width:50px;height:50px;border-radius:50%;overflow:hidden}.wrapping img{width:100%;height:100%;object-fit:cover}.IdandWord p{margin:0 0 0 12px}.IdandWord p:first-of-type{font-weight:700;margin-top:2px}.status{flex:2;text-align:right}.statusLine{border:none;border-top:1px solid lightgray}.Profile{display:flex;flex-direction:column;text-align:center;margin:0 auto;width:800px;padding:60px 0 0 240px}.ProfileMain{display:flex;flex:1;text-align:left;gap:80px}.imageWrap{width:150px;height:150px;border-radius:50%;overflow:hidden;cursor:pointer}.ProfileImg{width:100%;height:100%;object-fit:cover}.ProfileName{font-size:25px;margin-top:0;margin-bottom:10px}.ProfileInfo{display:flex;gap:40px}.ProfileLine{width:100%;margin-top:60px;border:none;border-top:1px solid lightgray}.userPost{display:flex;justify-content:center;gap:60px}.userPost p{margin-top:10px}.flexProfile{display:flex}#setProfile{margin:8px 10px 0 0}#setProfile:hover{cursor:pointer}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080}.SetProfile{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:400px;height:270px;border-radius:5px}.SetBar{display:flex;height:50px;justify-content:center;align-items:center;border-bottom:1px solid lightgray}.SetBar p{margin:0;font-weight:600;font-size:18px}.changeProfile{display:flex;justify-content:center;flex-direction:column;gap:10px;margin:0 60px}.styleButton{display:flex;justify-content:center;flex-direction:column;margin:10px 60px}.History{width:900px;margin:0 auto;padding:60px 0 50px 240px}.leftH2{font-size:70px;margin:0 0 30px;color:#d3d3d3}.rightH2{font-size:70px;margin:0 0 30px;color:#d3d3d3;text-align:right}.yearSection{height:203px;position:relative;padding-left:20px;margin:0 0 80px 10px;border-left:1px solid lightgray}.event{position:relative;margin-bottom:60px}.dot{position:absolute;top:7.5px;left:-27.5px;width:10px;height:10px;background-color:#3498db;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #d3d3d3}.rightDot{position:absolute;top:7.5px;right:-27.5px;width:10px;height:10px;background-color:#3498db;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #d3d3d3}.text{margin-left:10px;font-size:18px;color:#333}.rightText{text-align:right;margin-right:10px;font-size:18px;color:#333}.box{display:inline-block;width:50px}.rightImg{position:absolute;right:0;top:0;object-fit:cover;width:300px;height:200px}.leftImg{position:absolute;left:0;top:0;object-fit:cover;width:300px;height:200px}.rightYearSection{height:203px;position:relative;padding-right:20px;margin:0 10px 80px 0;border-right:1px solid lightgray}.Schedule{margin:0 auto;width:800px;padding:60px 0 0 240px}.LoginS{height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.LoginS p{margin:0}.LoginInput{display:flex;flex-direction:column;padding:45px 30px 35px;width:300px;border:1px solid gray;gap:7px}.LoginInput p{text-align:center}.Line{width:98%;margin:32px auto 28px}.noAccount{border:1px solid gray;padding:20px 30px;width:300px;margin-bottom:50px}.noAccount p{text-align:center}.Bottom{position:fixed;bottom:50px}input{height:35px;padding:1px 10px;background-color:#fafafa;border:1px solid gray;border-radius:5px}.AccountS{height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.AccountS p{margin:0}.AccountInput{display:flex;flex-direction:column;padding:45px 30px 35px;width:300px;border:1px solid gray;gap:7px}.AccountInput p{margin:0 15px 25px;text-align:center}.existAccount{border:1px solid gray;padding:20px 30px;width:300px;margin-bottom:50px}.existAccount p{text-align:center}.AccountLink{color:#0095f6}.AccountLink:hover{color:#00008b}