@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;src:url(/assets/permanent-marker-v16-latin-regular-8a7303e6.eot);src:local(""),url(/assets/permanent-marker-v16-latin-regular-8a7303e6.eot?#iefix) format("embedded-opentype"),url(/assets/permanent-marker-v16-latin-regular-4884fec2.woff2) format("woff2"),url(/assets/permanent-marker-v16-latin-regular-698e3b9d.woff) format("woff"),url(/assets/permanent-marker-v16-latin-regular-38d4690a.ttf) format("truetype"),url(/assets/permanent-marker-v16-latin-regular-1e1d22fe.svg#PermanentMarker) format("svg")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/material_icons-8265f647.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--color-primary: #222831;--color-secondary: #393E46;--color-tertiary: #00ADB5;--color-text: #EEEEEE}body{margin:0;font-size:16px;height:100vh;width:100vw;font-family:Permanent Marker,serif}header{display:flex;background-color:#222831;height:200px;width:100%;justify-content:center;align-items:center}header h1{margin-left:2rem;color:#fff;font-size:4rem}header img{max-width:100px}.main-wrapper{height:100%;display:flex;align-items:center;padding-top:4rem}.portrait{width:75px;height:75px}.add-icon{display:flex;justify-content:center;align-items:center;width:75px;height:103px;padding:12px}.add-icon>i{font-size:3rem;color:#a9a9a9;transition:color .3s ease 0s}.add-icon>i:hover{color:var(--color-tertiary);cursor:pointer}.list-wrapper{display:flex;min-height:500px;flex:1 1 0px;justify-content:center;align-items:center;padding-left:2rem}.participant-list{display:flex;max-width:650px;flex-wrap:wrap;text-align:center;padding:0}.list-item{padding:12px;font-size:1rem}.list-item:hover{padding-top:0;padding-bottom:0;color:var(--color-tertiary)}.list-item>.delete-icon{display:none}.list-item:hover>.delete-icon{display:block;font-weight:700;cursor:pointer;color:red;font-size:20px}.start-wrapper{display:flex;max-width:650px;padding-left:4rem;padding-right:4rem;justify-content:center;align-items:center;flex-direction:column;text-align:center;flex:1 1 0}.result>p{font-size:3rem;margin-top:3rem;margin-bottom:0}.form-dialog-backdrop{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:#000000bf;z-index:10}.form-dialog{position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}form{text-align:center;background-color:#efefef;padding:2rem;border-radius:1rem}.form-header{margin-bottom:.5rem;margin-top:.25rem}.input-field{border:.1rem solid;border-radius:5%;margin-bottom:.5rem;font-family:Permanent Marker,serif}#form-add-participant>div>p>span{font-size:12px}.custom-file-input{width:1px;height:1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.custom-file-input+label{display:inline-block;border-radius:5%;border-style:none;background-color:var(--color-secondary);color:var(--color-text);box-shadow:0 8px 15px #0003;font-family:Permanent Marker,serif;padding:6px 12px;margin-top:.5rem;margin-bottom:.7rem;font-size:14px}.custom-file-input+label:hover{background-color:var(--color-tertiary);box-shadow:0 15px 20px #0006;color:var(--color-text);transition:all .3s ease 0s}.image-preview>p{margin-top:0;margin-bottom:.7rem;color:#a9a9a9}.image-preview>img{height:75px;width:75px}.btn-small{width:100px;height:30px;border-radius:5%;border-style:none;background-color:var(--color-secondary);color:var(--color-text);box-shadow:0 8px 15px #0003;font-family:Permanent Marker,serif}.btn-small:hover{background-color:var(--color-tertiary);box-shadow:0 15px 20px #0006;color:var(--color-text);transition:all .3s ease 0s}.btn-small:disabled{background-color:#a9a9a9;box-shadow:0 8px 15px #0003;color:var(--color-text)}#btn-add-participant{margin-top:.5rem}#btn-confirm{margin-top:3rem;width:150px;height:50px;font-size:18px}#btn-green{margin-top:3rem;width:150px;height:50px;font-size:18px;background-color:green}#start-button{width:175px;height:175px;border-radius:50%;font-family:Permanent Marker,sans-serif;font-size:36px;border-style:none;background-color:var(--color-secondary);color:var(--color-text);box-shadow:0 8px 15px #0003;transition:all .3s ease 0s}#start-button:hover{background-color:var(--color-tertiary);box-shadow:0 15px 20px #0006;color:var(--color-text);transform:translateY(-5px)}.countdown{font-size:48px}