h1[data-v-23c28f87]{font-size:2em;margin:0;text-align:center}h2[data-v-23c28f87]{font-size:1em;color:grey;font-weight:200;margin:0;text-align:center}.header[data-v-23c28f87]{margin-bottom:2em}.search-bar[data-v-19ae9aa5]{width:50%;max-width:600px;margin:0 auto 1em}.search-button[data-v-19ae9aa5]{margin:0 .5em}.search[data-v-19ae9aa5]{text-align:center}@media only screen and (max-width:640px){.search-bar[data-v-19ae9aa5]{width:75%;margin:0 auto 1em}}@media only screen and (max-width:640px){.avatar img[data-v-8cb10fc8]{height:120px}}.initial-profile-parent[data-v-8cb10fc8],.initial-profile-picture[data-v-8cb10fc8]{display:-webkit-box;display:-ms-flexbox;display:flex}.initial-profile-parent[data-v-8cb10fc8]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.initial-profile-picture:hover .overlay[data-v-8cb10fc8]{opacity:1;cursor:pointer}.text[data-v-8cb10fc8]{font-size:80px;text-align:center;line-height:204px;opacity:.5}.initial-profile-parent img[data-v-8cb10fc8]{display:block}.overlay[data-v-8cb10fc8]{position:absolute;width:184px;height:184px;opacity:0;-webkit-transition:.5s ease;transition:.5s ease;background-color:#fff}#details[data-v-8cb10fc8]{margin-left:1em}#vanity[data-v-8cb10fc8]{font-size:1.5em}#count[data-v-8cb10fc8]{color:grey}a[data-v-8cb10fc8]:link,a[data-v-8cb10fc8]:visited{color:#000}a[data-v-8cb10fc8]:hover{color:#3273dc}.first-profile[data-v-d94f5292],.profile-parent[data-v-d94f5292],.profile-picture[data-v-d94f5292]{display:-webkit-box;display:-ms-flexbox;display:flex}.profile-parent[data-v-d94f5292]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text[data-v-d94f5292]{font-size:60px;text-align:center;line-height:140px;opacity:.5}.profile-picture:hover .overlay[data-v-d94f5292]{opacity:1;cursor:pointer}.first-profile:hover .overlay[data-v-d94f5292]{opacity:0;cursor:default}.profile-parent p[data-v-d94f5292]{margin-left:.5em;font-size:1.25em}.profile-parent img[data-v-d94f5292]{width:120px;height:120px;display:block}#details[data-v-d94f5292]{margin-left:1em}#vanity[data-v-d94f5292]{font-size:1.25em}#count[data-v-d94f5292]{color:grey}.overlay[data-v-d94f5292]{position:absolute;width:120px;height:120px;opacity:0;-webkit-transition:.5s ease;transition:.5s ease;background-color:#fff}a[data-v-d94f5292]:link,a[data-v-d94f5292]:visited{color:#000}a[data-v-d94f5292]:hover{color:#3273dc}@media only screen and (max-width:640px){.profile-parent img[data-v-d94f5292]{width:100px;height:100px}.text[data-v-d94f5292]{font-size:40px;line-height:120px}.overlay[data-v-d94f5292]{width:100px;height:100px}}.profiles-parent[data-v-ec59922e]{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto}@media only screen and (max-width:640px){.profiles-parent[data-v-ec59922e]{grid-template-columns:100%}}.friend-parent[data-v-b6311cfc]{margin-bottom:1em;margin-right:1em}.friend-picture[data-v-b6311cfc]{display:-webkit-box;display:-ms-flexbox;display:flex}.text[data-v-b6311cfc]{font-size:40px;text-align:center;line-height:100px;opacity:.5}.friend-picture:hover .overlay[data-v-b6311cfc]{opacity:1;cursor:pointer}.friend-parent img[data-v-b6311cfc]{height:80px;width:80px}.friend-parent p[data-v-b6311cfc]{font-size:14px;font-weight:200;overflow:hidden;max-width:80px;text-overflow:ellipsis}.overlay[data-v-b6311cfc]{position:absolute;width:80px;height:80px;opacity:0;-webkit-transition:.5s ease;transition:.5s ease;background-color:#fff}.friends-container[data-v-72bdb115]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.game-parent[data-v-52b5916a]{margin-bottom:1em;margin-right:.5em}.game-parent p[data-v-52b5916a]{font-size:14px;font-weight:200;overflow:hidden;max-width:184px;text-overflow:ellipsis;white-space:nowrap}.game-parent img[data-v-52b5916a]{width:184px;height:86px}.games-parent[data-v-f9da60a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.container[data-v-03e5a187]{max-width:800px;width:75%;margin:0 auto 2em}.container-content[data-v-03e5a187]{margin-bottom:.5em}#title[data-v-03e5a187]{font-size:1.5em}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:2em}.profiles{margin-bottom:1em}.header h1{font-size:2em;margin:0 0 1em;text-align:center}.header a{text-decoration:none;color:#2c3e50}#no-common{color:grey}.lds-ring{display:inline-block;position:relative;width:20px;height:20px;margin-left:1em}.lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:20px;height:20px;margin:2px;border:2px solid #d3d3d3;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#d3d3d3 transparent transparent transparent}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.friends-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media only screen and (max-width:640px){.header h1{font-size:1.8em;margin:0 0 .5em}}