#root>div{height:100vh;display:flex;flex-direction:column}.dashboard-container{flex:1;display:flex;flex-direction:column;padding:15px}.dashboard-container .top-dashbord{display:flex;gap:10px}.left-dashbord{display:flex;flex-direction:column;gap:10px}.markdown-tool .list{width:20%}.markdown-tool .list label{width:auto}.markdown-tool{display:flex;gap:10px;flex:1}.markdown-tool div:nth-of-type(2){flex:1;height:100%;display:flex;flex-direction:column;border:1px solid black}.markdown-tool form input,.markdown-tool form button{padding:5px}.markdown-tool h2,.markdown-h2{font-size:1.2rem;background-color:var(--secondary-color);color:#fff;padding:10px;text-align:center}.markdown-tool form{display:flex;flex-direction:column;gap:10px;flex:1}.markdown-tool form textarea{height:100%;resize:none;padding:5px}.dashboard-container .right-dashbord{display:flex;flex-direction:column;gap:10px}.dashboard-container .right-dashbord .child-right-dashbord{display:flex;gap:10px}.dashboard-container .right-dashbord .child-right-dashbord:nth-of-type(2){flex:1}.child-right-dashbord>div{width:50%}img{width:100px}.top-dashbord{height:500px;margin-bottom:15px}.dashboard-container>.useless{flex:1}.top-dashbord>div{width:50%}.date-color{background-color:var(--secondary-color);color:#fff;text-align:center}.useless{border:1px solid black;display:flex;flex-direction:column}.useless>div{padding:10px}.useless>div:nth-of-type(2){display:flex;flex-direction:column;align-items:center}.useless h4{background:var(--secondary-color);color:#fff;padding:8px;text-align:center}.dashboard-container>.useless ul{padding:13px;list-style:none;display:flex;flex-direction:column;gap:7px}.chute{position:relative;display:flex;justify-content:space-around;align-items:center;padding:3px 5px}.chute img{width:2rem}.chute:after{content:"";position:absolute;width:100%;height:100%;background-color:#000;top:0}.chute:hover:after{background-color:transparent;transition:1s all}.useless h2{text-align:center}.emoji{display:flex;background:var(--secondary-color);justify-content:center;align-items:center}.emoji img{width:25px;height:25px}.mocktail-img h2{display:flex;justify-content:center}.mocktail-img img{width:230px;margin:auto}.card img{width:200px}.useless .card{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}dialog{width:fit-content;margin:auto;padding:10px}dialog header{text-align:center}dialog h3{margin-top:10px}dialog div p{max-width:700px}dialog button.close{display:block;margin:10px auto auto;padding:7px}@media screen and (max-width: 1600px){.markdown-tool .list{width:35%}}@media screen and (max-width: 1100px){.top-dashbord{flex-direction:column;height:auto}.top-dashbord>div{width:100%}.markdown-tool{flex:auto;height:300px}.dashboard-container .right-dashbord .child-right-dashbord{height:auto}}@media screen and (max-width: 650px){.child-right-dashbord{flex-direction:column}.child-right-dashbord>div{width:100%}}@media screen and (max-width: 500px){nav{padding:0 10px!important}nav div:nth-last-of-type(1){display:flex;align-items:center}nav ul{flex-direction:column;gap:10px}nav ul li{text-align:center}.markdown-tool{flex-direction:column;height:800px}.markdown-tool .list{width:100%;height:300px}}@media screen and (max-width: 310px){nav{flex-direction:column}}nav{background:var(--primary-color);display:flex;justify-content:space-between;padding:20px}nav ul{display:flex;width:100%;justify-content:space-around;list-style:none}.markdown-container{display:flex;flex-direction:column;flex:1;gap:15px;padding-bottom:20px}.preview-container .hidden-ul,.hidden-list{display:none}.top-markdown{text-align:center;padding:var(--padding);background:var(--secondary-color);color:#fff;display:flex;flex-direction:column}.top-markdown ul{display:flex;list-style:none;justify-content:space-around}.top-markdown ul li:hover{cursor:pointer}.markdown-container .preview-container>div>h2,.top-preview>h2{text-align:center}.markdown-container input,.markdown-container button{padding:8px}.markdown-container>div:nth-of-type(2){display:flex;flex:1;padding:20px;gap:20px}.list{width:15%;display:flex;flex-direction:column}.markdown-box{border:1px solid black;display:flex;flex-direction:column}.markdown-h2{background:var(--secondary-color);text-align:center;color:#fff}.list>div{display:flex;flex-direction:column;gap:10px;flex:1}.list ul{list-style:none;padding:10px}.list ul li{display:flex;align-items:center;justify-content:space-between}.list ul li img{height:30px;width:30px}.list ul a{color:#000}.list label{padding:10px;width:100%;border-bottom:1px solid black;border-top:1px solid black}.list input{display:none}.preview-container{display:flex;flex-direction:column;flex:1}.preview-container>ul{list-style:none;display:flex;background-color:var(--secondary-color);justify-content:space-around;color:#fff;padding:10px;font-size:1.2rem}.preview-container>.right-preview{display:flex;width:100%;gap:10px;height:75vh}.right-preview>div{width:50%}.preview-container form{display:flex;flex-direction:column;height:100%;gap:10px}.preview-container form textarea{resize:none;flex:1;padding:var(--padding)}.right-preview{height:100%}.preview{overflow:auto;padding:var(--padding)}@media screen and (max-width: 1300px){.list{width:25%}.preview-container{gap:20px}.preview-container .hidden-ul{display:flex}.preview-show{display:none}.right-preview>div{width:100%}}@media screen and (max-width: 1000px){.markdown-container>div:nth-of-type(2){flex-direction:column}.markdown-container .markdown-box{width:100%}.markdown-container .markdown-box ul{flex-direction:row;display:flex;flex-wrap:wrap}.markdown-container .markdown-box ul li{width:fit-content;margin:0 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:root{--padding: 10px;--primary-color: #043498;--secondary-color: #6799C9}nav{background:var(--primary-color);display:flex;justify-content:space-between}nav img{width:100%}nav .active{background-color:var(--secondary-color);padding:10px;border-radius:2px}nav>a{display:flex;align-items:center}nav ul{padding:20px;display:flex;width:100%;justify-content:space-around;list-style:none}nav ul a{color:#fff;font-size:1.5rem;text-decoration:none}