body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.landing{background-image:linear-gradient(to bottom right,#00f,purple);height:100vh;display:flex;justify-content:center;align-items:center}.landing .categories{width:40%}@media (max-width:800px){.landing .categories{width:60%}}.landing .categories .each_cate{background-color:#fff;margin-bottom:30px;width:100%;border-radius:50px;display:flex;justify-content:space-between;align-items:center}.landing .categories .each_cate .icon{font-size:20px;margin-left:20px}.landing .categories .each_cate .category_name{width:100%;text-align:center}.landing .categories .each_cate:hover{background-color:#f9ed8d}.table_container{width:100%}.table_container table{border-collapse:collapse;text-align:left;width:100%}.table_container table td,.table_container table th{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:8px;font-family:"Noto Sans SC",sans-serif;font-size:14px}.table_container table td a,.table_container table th a{color:grey}.table_container table td .like-emoji{padding:0;margin:0;text-decoration:none}.table_container table td .content{padding:0;margin:0}.table_container table th{color:grey;font-weight:400}.table_container table .each-row:hover{background-color:#f5f5f5}.profile{display:flex;flex-direction:column;align-items:center;border-right:1px solid #d4d4d4;height:100vh;width:200px;padding:20px 0 0}.profile .profile_image{border-radius:50%;width:40%}.profile .name{display:flex}.profile .name .name-input{margin-top:0;border:none;width:80px;color:orange;font-size:16px}.profile .name .name-input:focus{outline:none}.profile .name .icon{color:grey;font-size:14px}.profile .menu{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:20px}.profile .menu .each-session{padding:10px 0;text-decoration:none;color:inherit;width:100%}.profile .menu .each-session .icon{margin-right:10px}.profile .menu .each-session:hover{background-color:#d5d5d6}.wrapper .main-container{display:flex;align-items:flex-start}.wrapper .main-container .profile-container{font-family:"Noto Sans SC",sans-serif}.wrapper .main-container .info-container{width:100%}.wrapper .main-container .info-container .page-title{text-align:left;padding-left:30px;font-family:"Noto Sans SC",sans-serif}.wrapper .main-container .info-container .content-table{width:100%;display:flex;justify-content:center}.nav{display:flex;align-items:center;width:100%;justify-content:space-between;border-bottom:1px solid #d4d4d4;font-family:"Noto Sans SC",sans-serif}.nav .logo{margin-left:50px;color:#3d30da}.nav .search-bar{width:100%}.nav .share-btn{margin-right:50px;width:150px;border-radius:4px;border:none;font-size:18px;padding:8px 12px;color:#fff;font-weight:700;font-family:"Noto Sans SC",sans-serif;background-image:linear-gradient(to bottom right,#00f,purple)}.nav .share-btn:hover{background-image:linear-gradient(to bottom right,#00f,red);border:none}.search{width:100%}.search input{width:50%;height:40px;padding-left:10px;border:1px solid #d4d4d4;font-family:"Noto Sans SC",sans-serif;border-radius:4px}.search input:focus{outline:none}.share-container{background-color:rgba(0,0,0,.8);position:fixed;width:100%;height:100%;top:0;left:0;right:0;z-index:1001;display:flex;justify-content:center;align-items:center}.share-container .share{position:absolute;width:40%;opacity:1;border:2px groove #000;padding:0 30px 50px;background-color:#fff;display:flex;flex-direction:column;justify-content:center}@media (max-width:1000px){.share-container .share{width:70%}}@media (max-width:500px){.share-container .share{width:90%}}@media (max-width:400px){.share-container .share{width:95%}}.share-container .share .share-btn{margin:20px 0 0 10px;width:150px;border-radius:4px;border:none;font-size:18px;padding:8px 12px;color:#fff;font-weight:700;font-family:"Noto Sans SC",sans-serif;background-image:linear-gradient(to bottom right,#00f,purple)}.share-container .share .close{text-align:right;margin:20px 0 10px;font-weight:700}.share-container .share form{display:flex;flex-direction:column;align-items:flex-start}.share-container .share form .posted-message{color:red;font-style:italic}.share-container .share form .each-row{justify-content:flex-start;margin:10px}.share-container .share form .each-row .header{margin-right:10px;font-size:20px;color:#3d30da}.share-container .share form .each-row label{margin-right:10px;font-size:18px;text-align:left}@media (max-width:500px){.share-container .share form .each-row label{font-size:14px}}.share-container .share form .each-row select{font-family:"Noto Sans SC",sans-serif}.share-container .share form .each-row input{width:300px;border:none;font-size:14px;font-family:"Noto Sans SC",sans-serif}@media (max-width:600px){.share-container .share form .each-row input{width:200px}}@media (max-width:400px){.share-container .share form .each-row input{width:150px}}.share-container .share form .each-row input:focus{outline:none}.share-container .share form .each-row .icon{color:grey}@media (max-width:500px){.share-container .share form .each-row .icon{font-size:14px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.86ef4811.chunk.css.map */