*{margin:0;padding:0;box-sizing:border-box;font-family:Calibri}* button{cursor:pointer}body{width:100%;background:#fafafa;margin:0;padding:0}button{cursor:pointer}.header{background:#fff;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-shadow:0px 5px 30px 0px #e2e2e2;padding:15px 10px 15px 20px;position:sticky;display:flex;justify-content:space-between;top:0;z-index:100}.header div:first-child{display:flex;justify-content:flex-start;align-items:center}.header div:last-child{display:flex;justify-content:end;align-items:center}.header img{padding:0px 10px 0px 0px;cursor:pointer}.header .menu-icon{height:20px}.header .logo{height:40px}.header .search-area{position:fixed;width:100%;left:0;top:40px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;visibility:hidden}.header .search{background:#eeecec;border:none;border-radius:8px;width:95%;height:inherit;padding:12px 30px 12px 50px;position:absolute;outline:none;left:2.5%}.header .search-overlay{position:absolute;height:40px;left:5%;padding:12px}.header .search-icon{background:#e2e2e2;padding:12px;border-radius:8px;height:40px}.header .notification{height:50px;padding:12px}.header .avatar{height:40px;padding-right:0}.container{width:100%;display:flex;flex-direction:row}.left{background:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;z-index:3}.left .menu{width:100%}.left .menu div{padding:20px;border-radius:10px;display:flex;flex-direction:row;align-items:center;font-size:1.2em;cursor:pointer;transition:border .3s}.left .menu div img{height:25px;padding-right:20px}.left .menu div:hover{background:#d8ffed;border-left:solid 10px #00ef7f;color:#00ef7f}.left .menu div:nth-child(1):hover img{content:url("./images/home-green.png")}.left .menu div:nth-child(2):hover img{content:url("./images/explore-green.png")}.left .menu div:nth-child(3):hover img{content:url("./images/marketplace-green.png")}.left .menu div:nth-child(4):hover img{content:url("./images/setting-green.png")}.right{padding:20px 10px;display:flex;flex-direction:column;align-items:center}.right button{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 30px;background-color:#00ef7f;border:none;border-radius:10px;color:#fff;font-size:1em}.right .my-question{background:#fff;box-shadow:0px 0px 50px 1px #e2e2e2;border-radius:8px;margin-top:200px;padding:20px 20px 40px 20px}.right .my-question .side-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;display:grid;margin:initial;grid-template-rows:auto auto auto;grid-row-gap:3px;justify-items:center;align-self:baseline;left:35px}.right .my-question .side-btn img{width:.7em;cursor:pointer}.right .my-question .side-btn span{color:#00ef7f;font-size:.5em;font-weight:bold}.right .my-question p{padding:0px 0px 20px 40px}.right .my-question p:nth-child(1){color:#000;font-weight:bold;width:100%;line-height:1.5em;width:95%;text-align:left;font-size:1em;padding:0px 0px 10px 0px}.right,.left{width:25%;display:none}main{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:10px}main .content-box{background:#fff;width:95%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:30px;border-radius:15px;box-shadow:0px 0px 50px 1px #e2e2e2;display:flex;flex-direction:column;align-items:center;margin-top:20px}main .content-box .get-health{display:none}main .content-box p:nth-child(2){color:#305c7c;font-size:1.2em;font-weight:bold;text-align:center;padding-bottom:10px}main .content-box p:nth-child(3){font-size:.9em;text-align:center;padding-bottom:30px}main .content-box button{padding:10px 30px;background-color:#00ef7f;border:none;border-radius:10px;color:#fff;font-size:1.5em}main .section{width:95%}main .section p:first-child{text-align:left;width:100%}main .section-btn{display:flex;flex-direction:row;margin:auto;width:100%;overflow-x:scroll;scrollbar-color:transparent;scrollbar-width:none}main .section-btn button{background:#ececec;color:#4e4e4e;border-radius:50px;font-size:1em;padding:5px 20px;margin-right:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;justify-items:center}main .section-btn button img{width:40px;padding-right:10px}main .section-btn::-webkit-scrollbar{display:none}main .question{padding-left:60px}main .question .side-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;display:grid;margin:initial;grid-template-rows:auto auto auto;grid-row-gap:10px;justify-items:center;align-self:baseline;left:40px}main .question .side-btn img{width:.8em;cursor:pointer}main .question .side-btn span{color:#00ef7f;font-size:.5em;font-weight:bold}main .question p:nth-child(2){color:#000;width:100%;line-height:1.5em;width:95%;text-align:left;font-size:1.2em;padding-bottom:10px}main .question p:nth-child(3){color:gray;line-height:1.5em;width:95%;text-align:left;font-size:1em}main .question .rule{width:100%;color:#fafafa;margin-top:20px}main .question .content-bottom{display:grid;grid-template-columns:auto auto;width:100%;margin-top:20px;color:gray}main .question .content-bottom div{display:flex;align-items:center;justify-items:center;font-size:.8em}main .question .content-bottom div div{padding-left:10px}main .question .content-bottom div:first-child{font-weight:bold;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:space-between}main .question .content-bottom div:first-child span:last-child{color:#00ef7f}main .question .content-bottom div:last-child{justify-content:flex-end}main .question .content-bottom .user-img{width:20px}main .telegram div{background:#c0ebff;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;align-items:center;border-radius:20px;padding:30px}main .telegram div .telegram-icon{height:80px;width:80px}main .telegram div p:nth-child(2){font-size:1.2em;margin:auto;font-weight:bold;color:#29b6f6;margin-top:10px;max-width:250px}main .telegram div button{background:#29b6f6;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15px 40px;font-size:1.5em;font-weight:bold}@media screen and (min-width: 810px){.header .search-area{width:70%}.header .search{width:70%}main .content-box{align-items:flex-start}main .content-box .get-health{display:block;position:absolute;right:50px}main .content-box p:nth-child(2),main .content-box p:nth-child(3){text-align:left;width:30%}main .question{padding-left:100px}main .question .side-btn{left:60px}main .question p,main .question p:nth-child(2),main .question p:nth-child(3){width:100%;text-align:left}main .question .content-bottom{justify-content:space-between;font-size:1.4em}main .question .content-bottom .user-img{width:30px}main .question .content-bottom div:last-child span{padding-right:30px}}@media screen and (min-width: 900px){.header .search-area{visibility:visible;width:60%;left:40%;top:40px}.header .search-overlay{position:inherit;left:calc(40% + 30px)}.header .search-icon{display:none}.container .right{width:27%;display:flex;position:fixed;right:20px}main{width:70%;margin-right:15%}main .content-box .get-health{right:33%}main .section{position:fixed;width:25%;right:30px;top:140px;border-radius:8px;font-size:.9em;padding:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px 15px 30px 15px}main .section p,main .section p:nth-child(3){padding:10px 0px 20px 0px}main .section-btn{display:grid;grid-template-columns:auto auto;grid-row-gap:10px;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}main .section-btn button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px;border-radius:20px;align-items:center;flex-direction:row}main .section-btn button img{width:15px;padding:0}}@media screen and (min-width: 1200px){main{width:60%;margin-left:20%}main .content-box .get-health{right:23%}main .question .side-btn{left:calc(22% + 30px)}.container .left{width:20%;background:transparent;position:fixed}.container .right{width:20%;padding:20px}.container .section{width:17%;right:40px}.container .telegram{position:fixed;width:18%;left:20px;top:400px;padding:15px}.container .telegram div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px}.container .telegram div .telegram-icon{height:50px;width:auto}.container .telegram div p,.container .telegram div p:nth-child(2){max-width:unset;width:80%;text-align:center;font-size:1em}.container .telegram div button{padding:10px;width:80%}.header .menu-icon{display:none}.container .left{display:flex}}@media screen and (max-height: 650px)and (min-width: 1200px){.container .telegram{position:static;width:95%;padding:15px}.container .telegram div{width:100%;padding:10px}.container .telegram div .telegram-icon{height:50px;width:auto}.container .telegram div p,.container .telegram div p:nth-child(2){max-width:unset;width:80%;text-align:center;font-size:1em}.container .telegram div button{padding:10px;width:80%}}@media screen and (max-height: 600px)and (min-width: 900px){.right .my-question{display:none}}