body,html{min-height:100%}#__next{height:100%}code{font-family:Inter,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;padding:.1rem .4rem;font-size:90%;color:#d400ff;border-radius:.1335rem}code:not([class*=language-]):after,code:not([class*=language-]):before{content:"`"}code[class*=language-]{padding:0}.fileupload{height:0}.container{position:relative}.container,.overlay{width:100%;height:100%}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:.5s ease;background-color:#008cba}.image{display:block;width:100%;height:100%}.overlay:hover,img:hover{box-shadow:0 0 2px 1px rgba(0,140,186,.5);cursor:pointer}.container:hover .overlay{opacity:.6}.text{color:#fff;font-size:20px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}#childContainer,.text{position:absolute;top:50%;left:50%}#childContainer{transform:translate(-50%、 -50%);-ms-transform:translate(-50%、 -50%);-webkit-transform:translate(-50%、 -50%);-moz-transform:translate(-50%、 -50%);-o-transform:translate(-50%、 -50%)}.topleft{position:absolute;border-radius:5%;-webkit-border-radius:5%;-moz-border-radius:5%;-ms-border-radius:5%;-o-border-radius:5%}.projecttopleft,.topleft{top:0;width:100%;height:30px;left:0;font-size:14px;color:#f1e7e7;background-color:#80b6ff}.projecttopleft{border-radius:1%;-webkit-border-radius:1%;-moz-border-radius:1%;-ms-border-radius:1%;-o-border-radius:1%}@media screen and (min-width:600px){.topleft{position:absolute;top:0;width:100%;height:30px;left:0;font-size:17px;color:#f1e7e7;background-color:#80b6ff;border-radius:5%;-webkit-border-radius:5%;-moz-border-radius:5%;-ms-border-radius:5%;-o-border-radius:5%}}.uploadfilebutton{right:10px;padding:1px}.lazy-load-image-loaded{display:initial!important;object-fit:contain}.voice-recoder-button{background-color:#4caf50;border:none;color:#fff;text-align:center;text-decoration:none;font-size:30px;height:40px;width:120px;border-radius:15px}.avatar{vertical-align:middle;width:50px;height:50px;border-radius:50%}.img{object-fit:contain}body{margin:0;padding:0;background:#ebedf0;background:linear-gradient(90deg,#eef2f7,#f3f8fd 35%,#eceff1)}.card{display:flex;flex-direction:column;background-color:#fff;height:550px;width:270px;border-radius:10px;border-width:1px;border-color:#007bfe;margin:10px;padding:10px}p{color:grey;margin-bottom:3px;font-weight:700;font-size:13px}h1,p{text-align:center}h1{margin-top:3px}hr{margin:0;border:1px solid #eeeeeb;align-self:center;width:90%}button{padding:10px;margin:5px;border:none;border-radius:20px;background-color:#abad8c;color:#fff}ul{list-style-type:none}.fade{color:#bbb5b5}li{margin:7px 0}.buttonColorChange{background-color:#007bfe;margin-bottom:5px}@media screen and (max-width:767px){.app{height:100vh;display:flex;flex-direction:column;align-items:center;margin-top:70px}}@media screen and (min-width:768px) and (max-width:991px){.app{margin-top:100px;margin-right:auto;margin-left:auto;height:100vh;width:80%;display:grid;grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:992px){.app{margin-top:100px;margin-right:auto;margin-left:auto;height:100vh;width:87%;display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1440px){.app{margin-top:100px;margin-right:auto;margin-left:auto;height:100vh;width:75%;display:grid;grid-template-columns:repeat(3,1fr)}}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{height:15px;bottom:0}.ps__rail-x,.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;position:absolute}.ps__rail-y{width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}