html,body{height:100%;padding:0;margin:0;font-family:Lato,sans-serif}body{background-image:url(/bg-720p.png);background-attachment:fixed;background-repeat:no-repeat;background-position:right bottom;background-color:#f5f5f5;background-size:50%}@media screen and (min-width: 375px){#selection{margin-top:50px}#selection .card{margin-left:20px;margin-right:20px}}@media screen and (min-width: 744px){#selection{margin-top:50px}#selection .card{width:500px;margin:auto!important}}@media screen and (min-width: 992px){#selection{margin-top:100px}#selection .card{width:500px;margin:auto!important}}#selection{display:flex;flex-direction:column}#selection h1{font-weight:900;font-size:36px}#selection h3{font-weight:600;font-size:20px}#selection h5{font-weight:700;font-size:20px}#project-roles a{display:block;text-decoration:none;color:#771b61;font-weight:700;font-size:16px;padding:16px;border:1px solid #BDBBBB;border-radius:4px}#project-roles a:hover{text-decoration:underline;background:#f5f5f566;border:1px solid #BDBBBB}#project-roles a.selected{border:2px solid #904199;text-decoration:underline}#project-roles a:active{border:1px solid #904199}#selection .btn{background:#0088a7;padding:8px 48px;border-radius:4px;border:none;transition:none}#selection .btn:hover{box-shadow:0 2px 4px 1px #0003;text-decoration:underline}#selection .btn:active{box-shadow:none;background:#036e86}#selection .btn:disabled{background:#dbd9d6}.loading{color:#666d70;font-size:16px;font-weight:700;margin-top:10px}#controls{display:flex;flex-direction:row;align-items:center}#controls .spacer{flex-grow:1}