.search-bar{align-items:baseline;display:flex;justify-content:flex-end;margin-bottom:1vw;width:100%}.search-input{font-family:Montserrat,sans-serif;font-size:18px;margin-right:1vw;padding-left:1vw;width:50%}.search-button-link{width:18%}.search-button{background:none;border:1px solid #000;font-family:Montserrat,sans-serif;font-size:15px;transition-duration:.3s;width:100%}.search-button:hover{background:#870bc2;background:linear-gradient(45deg,#870bc2 1%,#0e3b9d 49%,#00ffd6);background-repeat:no-repeat;color:#fff;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:1270px){.search-bar{align-items:flex-end;flex-direction:column;height:15%;justify-content:space-between;width:70%}.search-input{margin:0 0 5px;padding:0;width:100%}.search-button-link{width:25%}.search-button{font-size:12px}}@media (max-width:875px){.search-bar{align-items:flex-end;flex-direction:column;height:auto;justify-content:space-between;width:30%}.search-input{font-size:15px}.search-button-link{width:30%}.search-button{font-size:12px}}header{background-color:#bdc2cc;flex-direction:column;margin-bottom:20px}.navbar-container,header{align-items:center;display:flex;width:100%}.navbar-container{align-content:space-between;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-between}.welcome-greeting{font-size:40px;margin-left:1em}.link-to-login{border:1px solid #000;margin-bottom:2em;margin-top:.5em;text-align:center;transition-duration:.3s;width:18%}.link-to-login:hover{background:#870bc2;background:linear-gradient(45deg,#870bc2 1%,#0e3b9d 49%,#00ffd6);background-repeat:no-repeat;color:#fff;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.app-name-board,.app-name-together{color:auto;font-family:Inception;font-size:115px;font-weight:300;margin:0;padding:0}a{color:#000;text-decoration:none}.logo{align-items:flex-start;background:#870bc2;background:linear-gradient(45deg,#870bc2 1%,#0e3b9d 49%,#00ffd6);background-repeat:no-repeat;color:#fff;justify-content:center;padding:1vw 3vw 1vw 1vw}.logo,.searchbar-container{display:flex;flex-direction:column}.searchbar-container{align-items:flex-end;height:100%;justify-content:space-evenly;padding-right:2%;width:50%}@media (max-width:1500px){.logo{height:175px}.app-name-board,.app-name-together{font-size:95px}}@media (max-width:1270px){.welcome-greeting{font-size:30px;margin:0 0 10px}.link-to-login{font-size:15px;width:20%}.searchbar-container{width:40%}}@media (max-width:1030px){.logo{height:150px}.app-name-board,.app-name-together{font-size:80px}.welcome-greeting{font-size:25px;margin:0 0 10px}.link-to-login{font-size:12px;width:15%}.searchbar-container{font-size:12px}}@media (max-width:875px){.navbar-container{width:100%}.navbar{flex-direction:column}.searchbar-container{align-items:center;flex-direction:row;height:50%;justify-content:space-evenly;margin-top:2vh;width:100%}}.modal-container{background:rgba(0,0,0,.7);justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100%;z-index:1}.game-modal,.modal-container{align-items:center;display:flex}.game-modal{background:#fff;background:#870bc2;background:linear-gradient(45deg,#870bc2 1%,#0e3b9d 49%,#00ffd6);background-repeat:no-repeat;border:4px solid #00e6c9;border-radius:12px;color:#fff;flex-direction:column;font-size:20px;height:75vh;overflow:scroll;padding:20px;position:relative;width:70%}.close-modal-button-container{display:flex;justify-content:flex-end;padding-right:10%;width:100%}.close-modal-button{background:none;border:none;font-size:20px;transition-duration:.3s}.close-modal-button:hover{cursor:pointer;-webkit-transform:scale(1.5);transform:scale(1.5)}.modal-header{align-items:baseline;display:flex;justify-content:center;width:100%}.modal-header h1{font-size:60px}.modal-content{display:flex}.modal-image{height:400px;width:auto}.modal-details{align-items:center;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:20px;padding:20px}.more-info{color:#fff;font-weight:500;transition-duration:.3s}.more-info:hover{cursor:pointer;text-decoration:underline}.modal-buttons{display:flex;height:10%;justify-content:flex-end;width:100%}.modal-button{background:none;border:1px solid #fff;color:#fff;font-family:Montserrat,sans-serif;font-size:18px;margin:15px;padding:5px 25px;transition-duration:.3s;width:auto}.modal-button:hover{background:#fff;border:1px solid #000;color:#000;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.single-tile{align-items:center;border:2px solid #000;display:flex;flex-direction:column;height:auto;justify-content:space-evenly;transition-duration:.2s;width:300px}.single-tile:hover{background-color:#bcc3ce;border:2px solid transparent;cursor:pointer}.single-game-name{margin-bottom:0}.single-game-img{height:auto;width:12vw}.single-borrowed-game-name{color:#7b7a7a}.single-borrowed-game{align-items:center;display:flex;justify-content:center;margin:auto;position:relative}.single-borrowed-game:before{background:hsla(0,0%,87%,.591);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;width:100%}.user-dashboard{display:flex;justify-content:space-evenly;min-height:100vh;width:100%}.game-collection-section{align-items:center;display:flex;flex-direction:column;width:80%}.my-games-heading{margin-bottom:1em}.borrowed-games-collection{min-height:20em}.borrowed-games-collection,.game-collection{grid-gap:2vw;align-items:center;border-radius:11px;border-style:solid;contain:content;display:grid;gap:2vw;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:auto;margin-bottom:1em;margin-left:2em;overflow:scroll;padding:20px 10px;text-align:center;width:90%}.game-collection-headers{display:flex;padding-left:10%;width:100%}.borrowed-header,.my-games-header{border:1px solid #000;min-width:8em;text-align:center;transition-duration:.3s;width:20%}.my-games-header{margin-right:2vw}.borrowed-header:hover,.my-games-header:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.header-focus{background:#870bc2;background:linear-gradient(45deg,#870bc2 1%,#0e3b9d 49%,#00ffd6);background-repeat:no-repeat;border:1px solid transparent;color:#fff}.friends-section{display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;margin-left:20px;padding:10px}.my-friends-header{display:inline-block;text-align:center}.friend{background-color:#3e75f4;color:#fff;contain:content;display:flex;font-size:1.6em;height:20%;justify-content:space-between;margin:10px;padding-right:10px;text-align:center;transition-duration:.4s;width:75%}.friend:hover{-webkit-transform:translateX(1em);transform:translateX(1em)}.friend:hover .smile-svg{-webkit-transform:scale(1.2);transform:scale(1.2)}.friend-name{margin:1vw 1.6em 1vw 1vw;text-align:right}.smile-svg{fill:#fff;color:#fff;-webkit-filter:invert(100%) sepia(100%) saturate(0) hue-rotate(133deg) brightness(101%) contrast(102%);filter:invert(100%) sepia(100%) saturate(0) hue-rotate(133deg) brightness(101%) contrast(102%);height:auto;margin-left:1vw;width:30px}@font-face{font-family:Inception;src:local("Inception"),url(/static/media/Inception_free.a49b7f024e98839a5260.ttf)}main{background:#870bc2;background:linear-gradient(45deg,#870bc2 1%,#0e3b9d 49%,#00ffd6);background-repeat:no-repeat;color:#fff;display:flex;min-height:100vh;width:100%}.login-heading-text-area{display:flex;flex-direction:column;margin:auto;padding-left:5%;width:50%}.tagline{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeIn,fadeUp;animation-name:fadeIn,fadeUp;font-size:40px;font-weight:600;margin-bottom:0}.login-board{margin-bottom:0;margin-top:5%}.login-board,.login-together{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeIn,fadeUp;animation-name:fadeIn,fadeUp;font-family:Inception;font-size:150px;font-weight:400}.login-together{margin:0}.login-right{align-items:center;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-name:fadeInForm;animation-name:fadeInForm;display:flex;flex-direction:column;height:100%;justify-content:center;padding-top:8%;width:50%}.login-text,.login-welcome-text{text-align:center}.login-text{font-size:30px}.login-form{align-items:center;border-style:solid;display:flex;flex-direction:column;height:9em;justify-content:space-evenly;margin:auto;width:90%}.username-select{background:none;border:1px solid #fff;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;padding:2px 20px;text-align:center;width:auto}.username-input-section{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-evenly;width:100%}.username-input{min-width:9em;width:60%}.enter-site-button,.invalid-user-button,.username-input{font-family:Montserrat,sans-serif;font-size:18px;text-align:center}.enter-site-button,.invalid-user-button{background:none;border:1px solid #fff;color:#fff;cursor:pointer;padding:2px 20px;transition-duration:.3s;width:auto}.enter-site-button:hover,.invalid-user-button:hover{background-color:#fff;border:1px solid #fff;color:#000;-webkit-transform:scale(1.05);transform:scale(1.05)}.invalid-name-message{color:#e41414;font-size:18px;font-weight:700;margin:0;padding:2px 20px;width:auto}.login-messages{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.create-message{display:flex;font-size:10px}.success-message{color:#09ed09;font-weight:700}.demo-message{font-size:14px}.create-user-button{margin-left:2px;text-decoration:underline}.cancel-button{font-size:10px;margin-top:0;text-decoration:underline}.demo-message-button{font-size:14px;margin-left:2px;text-decoration:underline}.cancel-button:hover,.create-user-button:hover,.demo-message-button:hover{cursor:pointer}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeUp{0%{-webkit-transform:translateY(2em);transform:translateY(2em)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{-webkit-transform:translateY(2em);transform:translateY(2em)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInForm{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes fadeInForm{0%{opacity:0}75%{opacity:0}to{opacity:1}}@media (max-width:1100px){.login-board,.login-together{font-size:130px}}@media (max-width:1000px){main{flex-direction:column}.login-heading-text-area{display:flex;flex-direction:column;height:50%;margin:0;padding:0;width:100%}.login-right{height:50%;padding:0 0 10%;width:100%}.login-form{width:50%}}@media (max-width:750px){.login-board,.login-together{font-size:100px}.login-text,.tagline{font-size:25px}.username-input{font-size:15px}.enter-site-button,.invalid-user-button{font-size:13px;width:25%}}@media (max-width:570px){.login-board,.login-together{font-size:80px}.login-text,.tagline{font-size:20px}.username-input{font-size:12px}.login-form{height:7em;width:60%}}@media (max-width:460px){.login-board,.login-together{font-size:70px}}.single-tile-v{align-items:center;border:2px solid #000;display:flex;flex-direction:column;height:auto;justify-content:space-evenly;transition-duration:.2s;width:300px}.single-tile-v:hover{background-color:#bcc3ce;border:2px solid transparent;cursor:pointer}.single-game-img-v{height:auto;width:70%}.game-tiles-section{grid-gap:2vw;align-items:center;border-radius:11px;border-style:solid;contain:content;display:grid;gap:2vw;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:auto;justify-content:center;margin:1vw;overflow:scroll;text-align:center;width:95%}.back-to-dashboard{background:none;border:1px solid #000;color:#000;font-family:Montserrat,sans-serif;font-size:18px;margin:15px;padding:5px 25px;transition-duration:.3s;width:auto}.back-to-dashboard:hover{background:#870bc2;background:linear-gradient(45deg,#870bc2 1%,#0e3b9d 49%,#00ffd6);background-repeat:no-repeat;border:1px solid transparent;color:#fff;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.friends-games-container{grid-gap:2vw;align-items:center;border-radius:11px;border-style:solid;contain:content;display:grid;gap:2vw;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:auto;margin-bottom:1em;margin-left:2em;min-height:20em;overflow:scroll;padding:20px 10px;text-align:center;width:90%}.app{align-items:center;display:flex;flex-direction:column;min-width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Montserrat,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ebf605cd.css.map*/