@import"https://use.typekit.net/con4dpx.css";@font-face{font-family:"Recoleta Alt";src:url(/fonts/RecoletaSemiBold.eot);src:url(/fonts/RecoletaSemiBold.eot?#iefix) format("embedded-opentype"),url(/fonts/RecoletaSemiBold.woff2) format("woff2"),url(/fonts/RecoletaSemiBold.woff) format("woff"),url(/fonts/RecoletaSemiBold.svg) format("svg")}body{font-family:sofia-pro,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body a:hover{cursor:pointer}button{background:#ff318b;border-radius:10px;color:#fff;text-decoration:none;font-family:sofia-pro,sans-serif;padding:0 20px;height:48px;position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;width:auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;outline:none;border:none;font-size:16px}main{display:flex;height:100%;flex-direction:column}section.login{margin:auto;text-align:center}section.login h1{color:#2d4379;font-size:50px;font-family:"Recoleta Alt"}section.login a.connect-btn{background:#ff318b;border-radius:10px;color:#fff;text-decoration:none;padding:0 20px;height:48px;position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;width:auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}section.login a.connect-btn img{position:relative;height:100%}section.login a.connect-btn:hover{cursor:pointer;-webkit-box-shadow:2px 9px 34px 1px #ff318b;box-shadow:2px 9px 34px 1px #ff318b}pre{box-sizing:border-box;display:inline-block;border-radius:.5rem;padding:.75rem;font-size:20px}#app{margin:40px auto;width:86%}pre{display:flex;margin-top:10px;margin-bottom:40px;border-radius:.5rem;padding:23px;width:100%;background-color:#fff9fc;border:1px solid #ff318b}header{font-size:23px;display:flex;margin-bottom:40px}header a{margin-left:20px;color:#ff318b}header button{margin-left:auto}ul{max-width:100%;clear:both;display:flex;max-width:100%;clear:both;display:flex;margin:0;padding:0;flex-wrap:wrap;justify-content:space-between}ul li{list-style-type:none;border-radius:20px;overflow:hidden;margin-bottom:2.5%;background:black;width:48.4%;display:flex;line-height:1}ul li picture{position:relative;min-width:100%;min-height:100%;object-fit:cover;line-height:1;display:flex}ul li picture img{width:100%}ul li span{position:absolute;margin:auto;text-align:center;font-weight:600;font-size:24px;line-height:1.1;max-width:80%;opacity:0}ul{max-width:100%;clear:both;display:flex;flex-wrap:wrap}ul li{list-style-type:none;width:47.5%;margin-right:1.25%;margin-left:1.25%;border-radius:20px;overflow:hidden;margin-bottom:2.5%;background:black}@media screen and (max-width: 560px){ul li{width:100%;margin-right:0%;margin-left:0%}}ul li:hover a picture img{opacity:.5;transform:scale(1.1)}ul li:hover span{opacity:1}ul li a{justify-content:center;align-items:center;line-height:0;display:flex;position:relative;height:100%}ul li a picture{position:relative;min-width:100%;min-height:100%;object-fit:cover}ul li a picture img{width:100%}ul li a span{position:absolute;margin:auto;text-align:center;font-weight:600;font-size:24px;line-height:1.1;max-width:80%;opacity:0}