#app,body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100vw}.gamesetup{overflow:hidden}.btn[data-v-7ce9e14e]{font-family:Southpark}.container .background-image[data-v-7ce9e14e]{background:-webkit-gradient(linear,left top,right bottom,from(#5fa09f),to(#6d345b));background:linear-gradient(to bottom right,#5fa09f,#6d345b);width:100vw;height:120%;top:0;left:0;position:absolute;z-index:-1;position:fixed}.container .ripped-bg[data-v-7ce9e14e]{background-image:url(/projects/giphy-battle/static/img/ripped-bg3.84f38ca.png);background-repeat:no-repeat;background-size:cover;background-position:50%;margin-left:-10vw;margin-top:-5vh;margin-bottom:-5vh;width:120vw;height:120vh;position:fixed}@media screen and (min-width:600px){.container .ripped-bg[data-v-7ce9e14e]{margin-left:-20vw}}.container .headline[data-v-7ce9e14e]{font-family:Southpark;background:-webkit-gradient(linear,left top,right bottom,from(#5fa09f),to(#6d345b));background:linear-gradient(to bottom right,#5fa09f,#6d345b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3rem;position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:2}@media screen and (min-width:900px){.container .headline[data-v-7ce9e14e]{font-size:2.5rem;top:5%}}.container .text[data-v-7ce9e14e]{width:90%;max-width:600px;position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .text .subline[data-v-7ce9e14e]{font-family:Southpark;color:#fff;font-size:2.5rem}.container .text .how-to-play[data-v-7ce9e14e]{color:#fff;margin:0 5% 5%}.container .text .username-input[data-v-7ce9e14e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .text .username-input .input-field[data-v-7ce9e14e]{margin-left:0}.container .text .username-input .input-field #last_name[data-v-7ce9e14e]{color:#fff;border-bottom:1px solid #fff}.container .text .username-input .input-field input[type=text]:focus+label[data-v-7ce9e14e]{color:#fff}.container .text .username-input .input-field input[type=text][data-v-7ce9e14e]:focus{border-bottom:1px solid #fff;-webkit-box-shadow:0 1px 0 0 #fff;box-shadow:0 1px 0 0 #fff}@font-face{font-family:Southpark;src:url(/projects/giphy-battle/static/fonts/south-park.004826d.ttf);font-style:normal;font-weight:400;text-rendering:optimizeLegibility}.btn[data-v-18974f18]{font-family:Southpark}.container[data-v-18974f18]{max-width:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.container .background-image[data-v-18974f18]{background:-webkit-gradient(linear,left top,right bottom,from(#5fa09f),to(#6d345b));background:linear-gradient(to bottom right,#5fa09f,#6d345b);width:100vw;height:120%;top:0;left:0;position:absolute;z-index:-1;position:fixed}.container .ripped-bg[data-v-18974f18]{background-image:url(/projects/giphy-battle/static/img/ripped-bg-top.232a423.png);background-repeat:no-repeat;background-size:cover;background-position:50%;margin-left:-10vw;margin-top:-60vh;margin-bottom:-5vh;top:0;width:120vw;height:0;padding-bottom:100vh;position:absolute}.container .headline[data-v-18974f18]{font-family:Southpark;background:-webkit-gradient(linear,left top,right bottom,from(#5fa09f),to(#6d345b));background:linear-gradient(to bottom right,#5fa09f,#6d345b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3rem;position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:2}@media screen and (min-width:900px){.container .headline[data-v-18974f18]{font-size:2.5rem;top:5%}}.container .text[data-v-18974f18]{max-width:600px;margin-top:10vh}.container .text .current-hashtag[data-v-18974f18],.container .text .time-left[data-v-18974f18]{color:#fff;font-family:Southpark;font-size:1.2rem;margin:0 0 5%}.container .text .current-hashtag span[data-v-18974f18],.container .text .time-left span[data-v-18974f18]{border-bottom:2px solid #fff;font-size:1.5rem}.container .text .current-username[data-v-18974f18]{color:#fff;font-family:Southpark;font-size:2rem;margin:50% 0 3vh}.container .text .time-left[data-v-18974f18]{margin-top:0}.container .text .username-input[data-v-18974f18]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .text .username-input .input-field[data-v-18974f18]{margin-left:0}.container .text .username-input .input-field #last_name[data-v-18974f18]{color:#fff;border-bottom:1px solid #fff}.container .text .username-input .input-field input[type=text]:focus+label[data-v-18974f18]{color:#fff}.container .text .username-input .input-field input[type=text][data-v-18974f18]:focus{border-bottom:1px solid #fff;-webkit-box-shadow:0 1px 0 0 #fff;box-shadow:0 1px 0 0 #fff}.container .after-submission[data-v-18974f18],.container .text .section-title-text[data-v-18974f18]{color:#fff;font-family:Southpark;font-size:1.5rem}.container .after-submission[data-v-18974f18]{width:80%;margin-bottom:10vh}.container .headlines[data-v-18974f18]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.container .section-title[data-v-18974f18]{width:40%;color:#fff;font-family:Southpark;font-size:1.5rem;padding-bottom:10px;border-bottom:5px solid #229c8f}.container .images[data-v-18974f18]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.container .images .submitted-giphy-area[data-v-18974f18]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%}@media screen and (min-width:600px){.container .images .submitted-giphy-area[data-v-18974f18]{width:50%}}.container .images .submitted-giphy-area .section-title[data-v-18974f18]{color:#fff;font-family:Southpark;font-size:1.5rem}.container .images .submitted-giphy-area .giphy-submissions[data-v-18974f18]{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:5%}@media screen and (min-width:900px){.container .images .submitted-giphy-area .giphy-submissions[data-v-18974f18]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.container .images .submitted-giphy-area .giphy-submissions .submission-result[data-v-18974f18]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:0 0 5px 5px #ccc;box-shadow:0 0 5px 5px #ccc;padding:2.5%;margin-bottom:5vh;background:#fff}@media screen and (min-width:900px){.container .images .submitted-giphy-area .giphy-submissions .submission-result[data-v-18974f18]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:45%}}.container .images .submitted-giphy-area .giphy-submissions .submission-result:hover .image-hover[data-v-18974f18]{display:-webkit-box;display:-ms-flexbox;display:flex}.container .images .submitted-giphy-area .giphy-submissions .submission-result .submission-image[data-v-18974f18]{width:100%;height:20vh}@media screen and (min-width:600px){.container .images .submitted-giphy-area .giphy-submissions .submission-result .submission-image[data-v-18974f18]{height:30vh}}@media screen and (min-width:900px){.container .images .submitted-giphy-area .giphy-submissions .submission-result .submission-image[data-v-18974f18]{height:20vh}}.container .images .submitted-giphy-area .giphy-submissions .submission-result .image-hover[data-v-18974f18]{font-family:Southpark;display:none;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:2rem;text-align:center;background:#229c8f;padding:5px 10px}@media screen and (min-width:900px){.container .images .submitted-giphy-area .giphy-submissions .submission-result .image-hover[data-v-18974f18]{font-size:1.2rem}}.container .images .submitted-giphy-area .giphy-submissions .submission-result .user-info[data-v-18974f18]{color:#a1c2eb;font-family:Southpark;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;width:100%;height:5vh;font-size:.8rem}.container .images .submitted-giphy-area .giphy-submissions .submission-result .user-info .submitted-username[data-v-18974f18]{margin-right:10px}.container .images .submitted-giphy-area .giphy-submissions .submission-result .user-info .upvote-result .upvote-amount[data-v-18974f18]{color:#a05695}.container .images .divider[data-v-18974f18]{width:5px;height:100vh;background:#229c8f;margin-top:-10vh}.container .images .submission-area[data-v-18974f18]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%}@media screen and (min-width:600px){.container .images .submission-area[data-v-18974f18]{width:50%}}.container .images .submission-area .giphy-results[data-v-18974f18]{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:5%}@media screen and (min-width:600px){.container .images .submission-area .giphy-results[data-v-18974f18]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.container .images .submission-area .giphy-results .giphy-result[data-v-18974f18]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:0 0 5px 5px #ccc;box-shadow:0 0 5px 5px #ccc;padding:2.5%;margin-bottom:5vh;background:#fff}.container .images .submission-area .giphy-results .giphy-result:hover .image-hover[data-v-18974f18]{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:600px){.container .images .submission-area .giphy-results .giphy-result[data-v-18974f18]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:45%}}@media screen and (min-width:900px){.container .images .submission-area .giphy-results .giphy-result[data-v-18974f18]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:47.5%}}.container .images .submission-area .giphy-results .giphy-result .giphy-image[data-v-18974f18]{width:100%;height:20vh}.container .images .submission-area .giphy-results .giphy-result .image-hover[data-v-18974f18]{font-family:Southpark;display:none;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:2rem;text-align:center;background:#229c8f;padding:5px 10px}@media screen and (min-width:900px){.container .images .submission-area .giphy-results .giphy-result .image-hover[data-v-18974f18]{font-size:1.2rem}}.container .images .submission-area .giphy-results .giphy-result .giphy-details[data-v-18974f18]{display:none}@media screen and (min-width:900px){.container .images .submission-area .giphy-results .giphy-result .giphy-details[data-v-18974f18]{color:#a1c2eb;font-family:Southpark;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:start;width:50vw;padding:2.5%;margin-top:5%}}.container .images .submission-area .giphy-results .giphy-result .giphy-details p[data-v-18974f18]{margin:0;line-height:1.4rem}@media screen and (min-width:900px){.container .images .submission-area .giphy-results .giphy-result .giphy-details p[data-v-18974f18]{font-size:.8rem}}.container .images .submission-area .giphy-results .giphy-result .giphy-details p span[data-v-18974f18]{color:#a05695}.container[data-v-242b8f65]{max-width:1200px}.container .background-image[data-v-242b8f65]{background:-webkit-gradient(linear,left top,right bottom,from(#5fa09f),to(#6d345b));background:linear-gradient(to bottom right,#5fa09f,#6d345b);width:100vw;height:120%;top:0;left:0;position:absolute;z-index:-1}.container .ripped-bg[data-v-242b8f65]{background-image:url(/projects/giphy-battle/static/img/ripped-bg3.84f38ca.png);background-repeat:no-repeat;background-size:cover;background-position:50%;margin-left:-10vw;margin-top:-5vh;margin-bottom:-5vh;width:120vw;height:120vh;position:fixed;z-index:5}@media screen and (min-width:600px){.container .ripped-bg[data-v-242b8f65]{margin-left:-20vw}}.container .headline[data-v-242b8f65]{font-family:Southpark;background:-webkit-gradient(linear,left top,right bottom,from(#5fa09f),to(#6d345b));background:linear-gradient(to bottom right,#5fa09f,#6d345b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3rem;position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:6;position:fixed}@media screen and (min-width:900px){.container .headline[data-v-242b8f65]{font-size:2.5rem;top:5%}}.container .text[data-v-242b8f65]{width:90%;max-width:600px;position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .text .subline[data-v-242b8f65]{font-family:Southpark;color:#fff;font-size:2rem;line-height:2.5rem}.container .text .subline span[data-v-242b8f65]{border-bottom:2px solid #fff}.container .text .submission-result[data-v-242b8f65]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 0 5px 5px #ccc;box-shadow:0 0 5px 5px #ccc;padding:2.5%;margin-bottom:5vh;background:#fff;width:90%}@media screen and (min-width:600px){.container .text .submission-result[data-v-242b8f65]{width:50%}}@media screen and (min-width:900px){.container .text .submission-result[data-v-242b8f65]{width:60%}}.container .text .submission-result .submission-image[data-v-242b8f65]{width:100%;height:30vh}.container .text .submission-result .image-hover[data-v-242b8f65]{display:none;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:2rem;text-align:center}@media screen and (min-width:900px){.container .text .submission-result .image-hover[data-v-242b8f65]{font-size:1.2rem}}.container .text .submission-result .user-info[data-v-242b8f65]{color:#a1c2eb;font-family:Southpark;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;width:100%;height:5vh}.container .text .submission-result .user-info .submitted-username[data-v-242b8f65]{margin-right:10px}.container .text .submission-result .user-info .upvote-result .upvote-amount[data-v-242b8f65]{color:#a05695}.container .text .next-round[data-v-242b8f65]{color:#fff;font-family:Southpark}.container .text .next-round span[data-v-242b8f65]{border-bottom:2px solid #fff}
/*# sourceMappingURL=app.ec0d5e01233796de8c7cbc6f5ace8646.css.map */