body{margin:0 auto;padding:2px;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}ul{padding:0}html{background-color:#3e3740;min-height:100vh}.App{text-align:center;font-family:Nunito,sans-serif;padding:0 10px}.App-link{color:#09d3ac}h1{color:#d7d7d9;font-size:64px;border-bottom:5px solid #6dd93b;display:inline}.App-header{margin:50px auto}.App-header>a{color:#6dd93b;text-decoration:none}.App__error{text-align:center;color:red}@media screen and (min-width:768px){html{width:80%;margin:0 auto}}@media screen and (min-width:1024px){h1{font-size:88px}}.nav__list{list-style-type:none;display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:50px;font-size:24px}.nav__list>li{padding:4px 2px;border:2px solid #6dd93b;border-radius:10px}.nav__list>li>a{text-decoration:none;color:#6dd93b}@media screen and (min-width:768px){.nav__list>li{padding:12px 8px}}@media screen and (min-width:1024px){.nav__list{width:40%;margin:0 auto 50px}.nav__list>li:hover{background-color:#6dd93b}.nav__list>li:hover>a{color:#3e3740}}.portal__form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:10px;padding:0 16px;color:#d7d7d9}.portal__form>button{background-color:#3e3740;color:#6dd93b;font-size:18px;width:90%;margin:20px auto;border:2px solid #6dd93b;border-radius:10px;padding:10px}.portal__form>label{width:100%;margin:0 auto 5px;padding-bottom:5px}.portal__form>label>select{width:98%}.portal__form>label>input{width:97%}.portal__form>label>input,.portal__form>label>select{background-color:#d7d7d9;margin-top:5px;text-align:center;-moz-text-align-last:center;text-align-last:center;border:2px solid #d7d7d9;border-radius:5px}.portal__form>label>input:focus,.portal__form>label>select:focus{outline:unset;box-shadow:0 0 3pt 2pt #6dd93b}.portal__form--password-container{width:98%;display:flex;flex-direction:row;justify-content:center;align-items:center}input.portal__form--checkbox,label.portal__form--checkbox{margin:10px}.portal__form--error{color:red}@media screen and (min-width:1024px){.portal__form{width:40%;margin:0 auto}.portal__form>label>input,.portal__form>label>select{height:35px}.portal__form>button{padding:20px 10px}}h2{color:#83d95b;font-size:24px;margin:0}.portal__container{display:flex;flex-direction:column;align-items:center}.portal__loading-heading{font-size:24px}.portal__message-list{list-style-type:none;max-height:300px;overflow:auto;white-space:pre-line;width:90%;margin:10px auto;border:2px solid #6dd93b;color:#d7d7d9}.portal__message-list>li.portal__message-item:nth-child(2n){border-top:1px solid #d7d7d9;border-bottom:1px solid #d7d7d9}.portal__message-list>li{width:98%;margin:0 auto;padding:5px 0}.portal__expiry-datetime{font-size:16px;color:#d7d7d9;text-align:center;margin:4px auto}.portal__close-session{background-color:#83d95b;color:#3e3740;cursor:pointer;border:2px solid #6dd93b;border-radius:10px;padding:4px}.portal__empty-messages{width:100%;text-align:center;color:#d7d7d9;margin:24px auto;border:2px solid #6dd93b;padding:5px 0}.portal__gate-form{color:#d7d7d9}.portal__gate-form>label>input{margin-left:5px}.portal__error{text-align:center;color:red}@media screen and (min-width:768px){.portal__container{flex-direction:unset;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.portal__title{margin:0}.portal__message-list{max-height:450px}.portal__gate-form{margin:30% auto}}@media screen and (min-width:1024px){.portal__heading-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:12px 5%}.portal__message-list-heading{display:flex;flex-direction:column;align-items:flex-start}.portal__title{font-size:48px}.portal__expiry-datetime{font-size:18px}.portal__empty-messages{align-self:flex-start;width:55%;height:500px;padding-top:30px}.portal__message-list{list-style-type:none;align-self:flex-start;margin-bottom:10%;height:500px;width:55%}.portal__container{display:flex;flex-direction:row}.portal__gate-form{margin:20% auto}.portal__gate-form>label{font-size:18px}.portal__gate-form>label>input{padding:6px}}p.portal__message-content{font-size:12px;word-wrap:break-word;text-align:left;margin:8px}p.portal__message-info{font-size:10px;text-align:right;margin:8px}@media screen and (min-width:1024px){p.portal__message-content{font-size:18px}p.portal__message-info{font-size:12px}}.portal__message-form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:90%;margin:5px auto;color:#d7d7d9}.portal__message-form>button{background-color:#3e3740;color:#6dd93b;width:90%;margin:20px auto;border:2px solid #6dd93b;border-radius:10px;padding:10px}.portal__message-form>label{width:98%;margin-bottom:5px;padding-bottom:5px}.portal__message-form>label>input,.portal__message-form>label>textarea{background-color:#d7d7d9;width:98%;margin-top:5px;text-align:center;-moz-text-align-last:center;text-align-last:center;border:2px solid #d7d7d9;border-radius:5px}.portal__message-form>label>textarea{resize:none}.portal__message-form>label>input:focus,.portal__message-form>label>textarea:focus{outline:unset;box-shadow:0 0 3pt 2pt #6dd93b}.portal__message-form--password-container{width:98%;display:flex;flex-direction:row;justify-content:center;align-items:center}input.portal__message-form--checkbox,label.portal__message-form--checkbox{margin:10px}.portal__message-form--error{color:red}@media screen and (min-width:1024px){.portal__message-form{width:30%;height:500px;margin-bottom:10%}.portal__message-form>label>textarea{height:300px;text-align:left;-moz-text-align-last:left;text-align-last:left}}.about__container{margin:10px;padding:2px}.about__container>header>h2{font-size:24px;margin:10px auto}.about__container>section>p{color:#d7d7d7;font-size:16px;margin:5px;text-align:left}@media screen and (min-width:1024px){.about__container{width:50%;margin:0 auto}.about__container>header>h2{font-size:36px}.about__container>section>p{font-size:18px}}.howto__container>header>h2{color:#83d95b;font-size:24px}ol.howto__overview{color:#d7d7d7;padding-left:32px;font-size:16px}ol.howto__overview>li{margin:16px auto}ol.howto__overview>li>p{font-size:16px;text-align:left}ol.howto__overview>li>ul{margin:0 16px}ol.howto__overview>li>ul>li{text-align:left;margin:5px auto;font-size:12px}@media screen and (min-width:1024px){.howto__container{width:50%;margin:0 auto}.howto__container>header>h2{font-size:36px}ol.howto__overview>li>p{font-size:18px}ol.howto__overview>li>ul>li{font-size:16px}}
/*# sourceMappingURL=main.2cd7c73b.chunk.css.map */