@import url(https://fonts.googleapis.com/css2?family=Newsreader:ital@1&display=swap);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}.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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.goBack{border:none;color:#008d99;background-color:#fff;font-size:1.5em;margin-bottom:1em}.goBack:hover{cursor:pointer}#Header{display:flex;position:absolute;justify-content:space-between;top:0;width:100vw;border-bottom:.2em solid #97a133;color:#fff}#Header,#Header .sideImage{height:4em}#Header .right{margin-right:1em}#Header .left,#Header a{margin-left:1em}#Header a{margin-top:.5em;color:#fff;text-decoration:none}#Header a img{height:3em}#Header a:hover{text-decoration:underline}#Login{margin-top:8em;display:flex;justify-content:center}#Login .inputSection{display:flex;flex-direction:column;padding:1em;width:30em;border:.1em solid #000;border-radius:.2em;box-shadow:.1em .1em}#Login .inputSection p{color:#ce4553;font-size:.8em}#Login .inputSection h2{width:80%;border-bottom:.1em solid #97a133}#Login .inputSection input{width:80%;height:1.5em}#Login .inputSection .incomplete{border:.1em solid red}#Login .inputSection button{font-size:1em;width:20%;border:none;border-radius:.1em;padding:.5em;background-color:#ce4553}#Home{margin-top:4em;padding:2em 4em}#Home #logOut{float:right;width:10em;color:#fff;background-color:#ce4553;border:none;padding:.5em;border-radius:.2em;font-size:1.2em}#Home #logOut:hover{cursor:pointer}#Home .incomplete{border:.1em solid red}#Home .errorMessage{color:#ce4553;font-size:2em}#Home input{width:80%;height:1.5em;margin-bottom:1em}#Home span{margin-bottom:1em;line-height:2em}#Home span .inputSection{width:20em;background-color:#fff;padding:1em;margin-bottom:2em;border-radius:.5em;border:.1em solid #000}#Home span .inputSection h2{border-bottom:.1em solid #97a133}#Home span .inputSection button{font-size:1.5em;border:none;border-radius:.1em;color:#fff;padding:.5em;background-color:#ce4553}#Home span .inputSection button:hover{cursor:pointer}#Home a{color:#fff;background-color:#7fffd4}#Home .groupBox{display:flex;justify-content:space-evenly;flex-direction:column;border:.1em solid #000;border-radius:.5em;background-color:#fff;padding:2em}#Home .groupBox h2{border-bottom:.1em solid #97a133}#Home .groupBox .buttonBox{justify-content:space-evenly}#Home .groupBox button{background-color:#008d99;font-size:.8em;padding:2em;margin:.5em;border:none;border-radius:.5em;box-shadow:.1em .2em;font-size:.9em}#Home .groupBox button:hover{opacity:.7;cursor:pointer}.certificate{font-size:1em;height:4em;font-size:1.5em;color:#fff;border:none;border-radius:.1em;padding:.5em;background-color:#ce4553}.certificate:hover{cursor:pointer}.IdActivity{font-size:.9em;text-align:center;margin-top:4em;padding:4em}.IdActivity span h2{color:#008d99;font-weight:800}.IdActivity ul{list-style-type:none}.IdActivity ul h2{color:#008d99;position:relative;top:-.6em}.IdActivity div{display:flex;justify-content:space-between;width:70vw;margin:1em auto;border-bottom:.1em solid #008d99}.IdActivity .badgeList{width:40em}.IdActivity .badgeList h2{text-align:left}.IdActivity .badgeList li{font-weight:900;text-align:left}.IdActivity .badgeList span{font-weight:300;margin-bottom:10em}.IdActivity .certificate{margin-bottom:1em}#GroupActivity{margin-top:5em}#GroupActivity .contain{font-size:.5em;text-align:center;padding:0 2em}#GroupActivity .groupList{width:80vw;margin:2em auto}#GroupActivity .participant{display:flex;justify-content:space-between;margin:1em auto;font-size:1.2em;width:60vw;border-bottom:.1em solid #008d99}#GroupActivity .participant span{width:20vw}#GroupActivity .certificate{font-size:.8em;height:3em;padding:0 2em;margin:0 0 1em 3em}#GroupActivity span{min-width:15em}#GroupActivity .goBack{margin-left:10em}#Footer{background-color:#fff;position:-webkit-sticky;position:sticky;display:flex;justify-content:space-between;padding:3em;bottom:1em}.spinner{height:15em;margin-top:10em}.button-spinner{height:2em;background-color:transparent}.button-spinner .home-page{visibility:hidden}.spinnerHolder{width:100%;height:5vh;display:flex;justify-content:center}#notFound{margin-top:6em}.certWrap span h2{color:#008d99;font-weight:800}.certWrap ul{list-style-type:none}.certWrap ul h2{color:#008d99;position:relative;top:-.6em}.mb5{display:flex;justify-content:space-between;margin:1em auto;width:70vw;border-bottom:.1em solid #008d99}.print{color:#ce4654;width:10em;font-size:1.5em;background-color:#fff;border:none}.print:hover{cursor:pointer}#divToPrint{position:relative;top:0;width:973.991px;margin:0 auto;height:765px;padding:2em}#divToPrint table{position:relative;top:-750px;z-index:2;background-repeat:no-repeat;background-size:100%}#divToPrint table td{max-width:121px}#divToPrint td img{width:60%}.hide{display:none}.participant_name{float:left;width:400%;font-family:"Newsreader",serif;font-size:2em}.certificate-page{text-align:center;margin-top:8em}.certificate-page .backHolder{display:flex;justify-content:space-between;margin:1em auto 0;width:70vw;border-bottom:.1em solid #008d99}.certificate-page .backHolder .goBack{padding:0;margin-bottom:0}.certificate-page .facilitator_name{width:250%}.certificate-page .facilitator_name,.date{font-family:"Newsreader",serif;font-size:1.5em;margin-bottom:1em}.date{margin-left:-1em}.adjust{max-width:121px}
/*# sourceMappingURL=main.a77557c8.chunk.css.map */