body{box-sizing:border-box;width:100%;margin:0;padding:8px}div{font-family:Georgia,Times New Roman,Times,serif}.flex{display:flex}.flex.normal{flex-direction:row;justify-content:space-around;flex-wrap:wrap}.flex.col{flex-direction:column;justify-content:center;flex-wrap:wrap}.cards{margin:0}.cards>div{box-sizing:border-box;width:50%;width:400px}.margin{margin:10px}.padding{padding:10px}.card{font-size:20px;background-clip:border-box;border-radius:10px}.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.full-width{box-sizing:border-box;box-sizing:content-box;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;text-align:center}.bg-high{background-color:#f46036;color:snow}.bg-high-sec{background-color:#4d7c8a;color:snow}.bg-dsblue{background-color:#483d8b;color:snow}.bg-engviolet{background-color:#503050;color:snow}.bg-basecon{background-color:#f5f5f5;color:#000}.bg-base{background-color:#272727;color:#f5f5f5}.card-image{width:100%;background-clip:border-box}.card-text{text-align:center}:hover:not([disabled]).clickable{transform:scale(1.08)}:hover:not([disabled]).clickable-lite{transform:scale(1.04)}.clickable,.clickable-lite{transition-duration:30ms}.clickable:not([disabled]),.clickable-lite:not([disabled]){cursor:pointer}.clickable:not([disabled]):active,.clickable-lite:not([disabled]):active{transform:scale(1)}.clickable[disabled],.clickable-lite[disabled]{transform:scale(1);background-color:#484d4ea6;cursor:not-allowed}.modals{pointer-events:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:transparent}.modal{display:block;pointer-events:all;z-index:2;margin:20px;background-color:transparent}.modal-content{z-index:2;position:relative;margin:auto;padding:5px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;border-radius:30px}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;top:-400px;opacity:0}to{top:0;opacity:1}}.accept{z-index:2;border-radius:50%;width:50px;height:50px;text-align:center;color:#fff;background-color:#5cb85c;font-size:40px;font-weight:700}.decline{z-index:2;border-radius:50%;width:50px;height:50px;text-align:center;color:#fff;background-color:red;font-size:40px;font-weight:700}.calldescription{z-index:2;font-style:oblique;font-weight:700}.iddisplay{z-index:2;font-family:Courier New,Courier,monospace;font-style:italic}.border{border-style:solid;border-color:gray;border-radius:20px;border-width:7px}.connection>video{position:relative;z-index:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.overlay{margin-top:10px;position:absolute;top:0;left:0;z-index:1;width:100%}.connection{flex-direction:column-reverse;position:relative;padding:0;border-radius:50%}@media all and (max-width: 800px){.connection{width:150px;height:150px}}@media all and (min-width: 800px){.connection{width:400px;height:400px}}.connection>span{text-align:center}