@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.tree-area{margin:0 auto;padding:50px 50px 50px 100px;position:relative;width:80%;img{display:block;width:100%}.tree-grid{align-items:start;aspect-ratio:1;display:grid;grid-template-areas:". . . . item1 . . . ." ". . item2 . item3 . item4 . ." ". item5 . item6 . item7 . item8 ." "item9 . item10 . item11 . item12 . item13";grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(5,1fr);height:auto;left:0;padding:50px 50px 50px 100px;position:absolute;top:0;width:100%;div{align-items:center;display:flex;justify-content:center;position:relative}#deco-item-1{grid-area:item1}#deco-item-2{grid-area:item2}#deco-item-3{grid-area:item3}#deco-item-4{grid-area:item4}#deco-item-5{grid-area:item5}#deco-item-6{grid-area:item6}#deco-item-7{grid-area:item7}#deco-item-8{grid-area:item8}#deco-item-9{grid-area:item9}#deco-item-10{grid-area:item10}#deco-item-11{grid-area:item11}#deco-item-12{grid-area:item12}#deco-item-13{grid-area:item13}}}.itemList{height:calc(100vh - 135px);margin:0 auto;overflow-y:scroll;padding-bottom:100px;scrollbar-width:none;width:100%;.titleArea{display:flex;justify-content:space-between;margin:50px auto 20px;width:90%;h2{font-size:1.5rem;font-weight:600}h4{font-size:1.2rem;font-weight:500}}ul{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);grid-template-rows:auto;height:auto;margin:0 auto;padding:0;text-align:center;width:90%;li{align-items:center;aspect-ratio:1;border:2px solid #d83f3f;border-radius:10px;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fff6;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:space-evenly;padding:.5rem 0;width:100%;img{display:block;width:50%}p{font-size:1rem;font-weight:300;margin:0;white-space:nowrap;span{font-weight:500}}}}}.treeTitle{color:#d83f3f;font-size:2rem;font-weight:700;padding-top:50px;text-align:center;span{color:#000;font-size:2rem;font-weight:900}}@media screen and (max-width:1024px){.itemList{ul{grid-template-columns:repeat(4,1fr)}}}@media screen and (max-width:992px){.itemList{height:auto;ul{grid-template-columns:repeat(3,1fr)}}.tree-area{margin-top:50px;padding:0;.tree-grid{padding:0}}}body{background-color:#fce0e0;height:100vh}.current-page{text-align:center;width:100%;h1{color:#d83f3f;font-size:1.25rem;font-weight:700}.profile-title{color:#fff}}.page-title{text-decoration:none}#navbarNav{background-color:#fff;border-bottom:1px solid #ececec;transition:height .3s ease,opacity .3s ease}.navbar-collapse.collapsing{height:0}.navbar-collapse.show{height:auto;opacity:1}.navbar-collapse{height:0;opacity:0}.nav-wrap{background-color:#fce0e0;display:flex;position:fixed;width:100%;z-index:1}.navbar{border-bottom:none;margin-bottom:0;min-height:50px;padding-bottom:0;position:relative;width:100%;z-index:101}.navbar-nav{font-size:18px;padding:20px;width:100%;z-index:100}.navbar-nav li a{margin-top:40px;width:100%}.navbar-toggler{align-items:center;display:flex;height:40px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:3}.navbar-toggler-icon{left:50%;position:relative;transform:translateX(-50%)}.navbar-collapse{left:0;position:absolute;top:0;width:100%;z-index:2}.content-area{padding-top:50px}.loginForm,.regForm{margin:0;padding:0;width:100%}.loginForm h2,.regForm h2{font-size:30px;font-weight:700;margin-top:20px;text-align:center;width:100%}.loginForm input,.regForm input{border-color:#bebebe;border-radius:30px;display:block;height:80px;margin:20px auto;width:325px}.loginForm button,.regForm button{background-color:#d83f3f;border:none;border-radius:30px;color:#f2f2f2;display:block;height:80px;margin:10% auto;width:325px}.red{color:#d83f3f}.regForm p{font-size:12px;text-align:center}.head-t{color:#d83f3f;font-size:20px;font-weight:700}.head-t,.t-box{margin:0;padding:0}.profileWrap{background-color:#d83f3f;border-bottom-left-radius:66px;border-bottom-right-radius:66px;color:#fff;height:220px;padding-top:20px;text-align:center;transform:translateZ(0)}.profileWrap h2{font-size:20px;padding-bottom:10px}.prof-head{background-color:#d83f3f;position:relative;width:100%;z-index:9}.prof-t{color:#fff;font-size:16px;font-weight:400;left:50%;position:absolute;top:0;transform:translateX(-50%)}.edit-profile{background-color:#d83f3f;position:absolute;right:0;top:-45px}.recent-t{font-size:15px;font-weight:700;margin:25px 20px 0}.profile-image{border-radius:50%;height:93px;margin-top:20px;object-fit:cover;padding:5px;width:93px}.modal{align-items:center;background-color:#00000080;display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:999}.modal-content{background-color:#fff;border-radius:8px;padding:20px;text-align:center;width:300px}.modal-buttons{display:flex;gap:30px;justify-content:center;margin-top:10px;width:100%}.modal-buttons button{background-color:#d83f3f;border:none;border-radius:5px;cursor:pointer;margin:5px;padding:10px;width:90px}.modal input{border:1px solid #bebebe;border-radius:20px}input[type=file]{display:none}.up-label{background-color:#3b933c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;height:60px;line-height:60px;margin:5px;width:60px}.image-select h3{margin-top:10px}.edit-name:focus{border:2px solid #41414180;outline:none}.camera{background-color:initial;position:absolute;right:0;top:0}.modal-deco{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modalContent-deco{background-color:#fff;border-radius:8px;margin:15px;padding:20px;text-align:center}.modal-msg{margin:10px}.confirmButton{background-color:#3b933c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px;max-width:300px;padding:10px 20px}@media (min-width:992px){.nav-wrap{position:relative;width:338px}.navbar-toggler{display:none}.navbar-collapse{background-color:initial;display:flex!important;height:auto;opacity:1}.navbar-nav{display:block;padding-top:50px}.navbar-nav .nav-item{font-size:20px;margin-right:15px}.navbar-nav .nav-item:last-child{margin-right:0}.navbar-nav li a{margin-top:0}#navbarNav{background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-height:100vh}.loginForm,.regForm{height:calc(100vh - 50px);margin:0 auto;max-width:400px;width:80%}.loginForm,.regForm{align-items:center;display:flex;flex-direction:column;justify-content:center}.regForm{height:100vh}.prof-t{margin-top:10px}.content-area{display:flex;flex:1 1;flex-direction:column;padding-top:0;position:relative;width:calc(100vw - 338px)}.modal-content{padding:20px;width:80%}.edit-name{font-size:20px;width:60%}.edit-name-wrap{gap:20px;padding-top:20px}.edit-name-wrap,.image-select{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.image-options{display:flex;gap:10px;width:60%}.modal-buttons{gap:10%;width:100%}.modal-buttons button{font-size:18px;width:20%}.modal h3,.nav-t{font-size:20px}.nav-t{text-wrap:nowrap;color:#d83f3f;font-weight:700;margin-bottom:50%}.nav-t img{height:40px}.icon-margin-right{margin-right:20px}.profileWrap{align-items:center;display:flex;justify-content:center;padding-top:20px}.profileWrap h2{font-size:36px;margin:10px}.profile-image{margin:10px;padding:0}.edit-profile{margin:10px;right:20px;top:0}.modal-msg{font-size:20px}}*{box-sizing:border-box;font-family:Poppins,sans-serif;font-size:16px;list-style:none;padding:0;text-decoration:none}*,p{margin:0}#playList{padding:20px 0;table{width:100%}h1{font-size:20px;font-weight:700;margin:0 0 20px}.play-icon{align-items:center;background-color:#e6e6e6;border-radius:50%;display:flex;height:37px;justify-content:center;margin-right:23px;padding:10px;width:37px}td{cursor:pointer;padding:8px}}#playDetail{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;min-height:100vh;width:100%;h1{font-size:20px;margin:0 0 20px}.detail-nav,h1{font-weight:700}.detail-nav{align-items:center;background-color:#fafafa;display:flex;justify-content:space-between;padding:36px;top:0;width:100%;.link{align-items:center;background-color:#e6e6e6;border-radius:50%;display:flex;height:32ppx;justify-content:center;padding:10px;width:32px}}.main{display:flex;flex-direction:column;gap:32px;width:80%}}#playBtn{background-color:initial}audio{height:40px;width:100%}.audio-player{flex-direction:column}.audio-player,.player-controls{align-items:center;display:flex}.player-controls{margin-bottom:10px;width:100%}button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;margin-right:10px;padding:10px}button:hover{background-color:#45a049}.audio-progress{background-color:#434343;width:100%}input[type=range]{-webkit-appearance:none;appearance:none;background:#434343;border-radius:5px;height:8px;outline:none;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#434343;border-radius:5px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#5c5c5c;border:none;border-radius:50%;cursor:pointer;height:20px;margin-top:-6px;width:20px}input[type=range]::-moz-range-track{background:#434343;border-radius:5px;height:8px}input[type=range]::-moz-range-thumb{background:#5c5c5c;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-ms-track{background:#434343;border-color:#0000;border-radius:5px;border-width:0;height:8px}input[type=range]::-ms-thumb{background:#5c5c5c;border:none;border-radius:50%;cursor:pointer;height:20px;margin-top:0;width:20px}.points-display{font-size:18px;font-weight:700;margin-top:10px}.snow-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.snow{animation:snow-fall 10s linear infinite;height:10px;position:absolute;top:-10px;width:10px}.snow:before{color:#fff;content:"❅";font-size:20px;left:0;position:absolute;top:0}@keyframes snow-fall{0%{opacity:1;transform:translateY(-25vh)}to{opacity:.5;transform:translateY(100vh)}}.snow:first-child{animation-duration:12s;left:10%}.snow:nth-child(2){animation-duration:9s;left:50%}.snow:nth-child(3){animation-duration:13s;left:20%}.snow:nth-child(4){animation-duration:10s;left:80%}.snow:nth-child(5){animation-duration:8s;left:40%}.snow:nth-child(6){animation-duration:11s;left:30%}.snow:nth-child(7){animation-duration:7s;left:60%}.snow:nth-child(8){animation-duration:12s;left:90%}.snow:nth-child(9){animation-duration:9s;left:50%}.snow:nth-child(10){animation-duration:13s;left:70%}.snow:nth-child(11){animation-duration:10s;left:30%}.snow:nth-child(12){animation-duration:8s;left:80%}.snow:nth-child(13){animation-duration:12s;left:10%}.snow:nth-child(14){animation-duration:9s;left:40%}.snow:nth-child(15){animation-duration:11s;left:60%}.snow:nth-child(16){animation-duration:13s;left:20%}.snow:nth-child(17){animation-duration:8s;left:50%}.snow:nth-child(18){animation-duration:10s;left:30%}.snow:nth-child(19){animation-duration:9s;left:70%}.snow:nth-child(20){animation-duration:11s;left:90%}
/*# sourceMappingURL=main.fa162b46.css.map*/