@import url(https://fonts.googleapis.com/css?family=Red+Hat+Display&display=swap);html{height:100%}body{margin:0;min-height:100%;font-family:Red Hat Display,sans-serif;background-color:#fff}.main-homepage{height:600px}@media (min-width:768px){.main-homepage{height:768px}}@media (min-width:992px){.main-homepage{height:920px}}.content{display:flex;flex-direction:column;align-items:center;margin:0 3rem}.content h1{line-height:1.5;text-align:center;font-size:2rem;text-shadow:2px 2px 2px #fff}.user-page-main{display:flex;flex-direction:column;align-items:center}.user-page-main .user-info{background-color:#065143;width:100%;text-align:center;color:#f2eaea;padding:1rem 0}.user-page-main .user-info h1{font-size:1.5rem;margin:0}.user-page-main .user-info img{height:5rem;border-radius:9rem;border:1px solid #f2eaea}.user-page-main .upcoming-games{display:flex;flex-direction:column;border-radius:1rem;align-items:center;color:#f2eaea;background-color:#065143;margin-top:2rem;margin-left:1rem;margin-right:1rem;padding:0 .5rem}@media (min-width:768px){.user-page-main .upcoming-games{padding:0 6rem}}.user-page-main .upcoming-games h3{text-align:center;border-bottom:3px solid rgba(241,219,95,.95);font-size:1.5rem}.user-page-main .upcoming-games h2{font-size:1.5rem;text-align:center}.user-page-main .upcoming-games h4{text-align:center;margin:.5rem}.user-page-main .upcoming-games .hand-point-down{font-size:2.5rem;margin-bottom:1rem;color:rgba(241,219,95,.95)}.cancel-button{border-radius:2rem;border:2px solid #f2eaea;font-family:Red Hat Display,sans-serif;padding:.5rem;background-color:rgba(245,74,51,.95);color:#fff;font-size:.85rem;margin-top:-2.5rem;z-index:999;margin-bottom:1rem}.sign-in-button-white{border-radius:2rem;border:1.5px solid rgba(0,0,0,.77);margin-bottom:2rem;padding:1rem;text-align:center;text-decoration:none;background-color:#f2eaea;opacity:.9;font-size:1.25rem;width:10rem;line-height:1.5}.profile-page-main,.sign-in-button-white{color:#065143;display:flex;flex-direction:column}.profile-page-main{align-items:flex-start;margin-left:1rem}.profile-page-main h1{text-align:center;margin-bottom:1rem;font-size:1.25rem}.profile-page-main strong{font-size:1.1rem}.profile-page-main .user-info{display:flex;flex-direction:row}.profile-page-main .user-info h2{font-size:1.25rem;margin-top:0}.profile-page-main img{height:5rem;border-radius:8rem;border:1px solid #065143;margin-right:3rem}.profile-page-main a{text-decoration:none;color:#065143}.profile-page-main .upcoming-games h2{font-size:1.25rem}.game-details{display:flex;flex-direction:column;margin:0 1rem;color:#065143}.game-details h1{margin-bottom:1rem;margin-right:4rem}@media (min-width:768px){.game-details h1{font-size:2rem}}.game-details strong{font-size:1.2rem}.game-details figure{margin:0}.boardgame-thumbnail{height:8rem}.join-button{padding:.5rem .65rem}.join-button,.leave-button{font-size:1rem;color:#fff;border-radius:10rem;border:1px solid rgba(0,0,0,.77);background-color:#065143}.leave-button{margin-left:1rem;padding:.5rem .75rem}.timer-info h2{font-size:1rem}.icon-details{display:flex;flex-direction:row;align-items:baseline}.icon-details p{padding-right:.5rem}.bottom-border{border-bottom:1px solid rgba(0,0,0,.77);padding-bottom:1rem}.join-info-top{align-items:baseline;justify-content:space-between}.join-info-top,.main-game-info{display:flex;flex-direction:row}.main-game-info{justify-content:flex-start;align-items:center;padding-top:1rem}.bold{font-weight:700;font-size:1.25rem}.attend-buttons{text-align:center;margin-right:.5rem}.attend-buttons p{margin-top:0;margin-bottom:6px}.description-rules{overflow-wrap:break-word;word-wrap:break-word}.profile-pic{height:3rem;border-radius:9rem;border:1px solid #065143}.red-icon{color:rgba(245,74,51,.95);font-size:1.2rem}.browse-games-main,.private-residence{display:flex;flex-direction:column}.browse-games-main{align-items:center;min-height:100vh;padding-bottom:100px;position:relative;background-color:#065143}.browse-games-main h1{text-align:center;font-size:1.5rem;color:#f2eaea}@media (min-width:768px){.browse-games-main h1{font-size:2rem}}.browse-games-main a{text-decoration:none;color:#065143}.create-game-main{margin:0 1rem;display:flex;flex-direction:column;justify-content:center}.create-game-main h1{margin:1rem 0;text-align:center;color:#065143}.create-game-main form{display:flex;flex-direction:column;margin:0 1rem;background-color:#fff;padding:1rem 0}.create-game-main .submit-button{background-color:#065143;border-radius:1rem;border:1px solid rgba(0,0,0,.77);color:#f2eaea;margin:.5rem 5rem;font-family:Red Hat Display,sans-serif}.game-form-item{display:flex;flex-direction:column;align-items:flex-start;padding-left:.5rem;position:relative}.game-form-item input{margin-bottom:.5rem;padding:.25rem;width:13rem;border-radius:0;border:1px solid #000;background-color:#fff}.game-form-item label{margin-bottom:.5rem}.dropdown-list{display:flex;flex-direction:column;position:absolute;margin-top:3.5rem}.dropdown-list button{background-color:#fff;padding:.25rem;width:100%;font-family:Red Hat Display,sans-serif;text-align:left;border:none;border-bottom:1px solid rgba(0,0,0,.77);box-shadow:2px 2px 5px 0 rgba(0,0,0,.75);position:relative;z-index:1;right:0}.residence-type div{display:flex;flex-direction:row;justify-content:flex-start;width:3rem}.form-container{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.form-container{display:flex;flex-direction:row;justify-content:center}}.form-container .sign-up-pic{display:none}@media (min-width:768px){.form-container .sign-up-pic{display:flex;height:20rem;align-self:flex-start;border-radius:1rem;border:1px solid rgba(0,0,0,.77)}}.game-created{text-align:center}.margin-top-8{margin-top:8.5rem}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.77);box-shadow:2px 2px 5px 0 rgba(0,0,0,.75)}nav .page-nav{display:flex;flex-direction:column;align-items:flex-end}nav .right-side-navlinks{display:flex;flex-direction:row;justify-content:space-around;align-items:center}nav .right-side-navlinks section{margin:0 1rem}nav .right-side-navlinks a,nav .sign-in-info a{text-decoration:none;color:rgba(0,0,0,.77)}nav .sign-in-info a{text-align:right}nav .sign-in-info img{height:1rem;border-radius:10rem;border:1.5px solid #065143;margin:.5rem}nav .logo img{margin-left:1.5rem;height:8rem}nav button{text-decoration:none;border:none;background-color:#f4f4f4;color:#000}nav input{margin-bottom:1rem;margin-right:.5rem;margin-top:.5rem}.login{text-align:center;text-decoration:none;color:#065143;width:100%;font-size:1rem;padding:1rem;cursor:pointer;font-family:Red Hat Display,sans-serif}.navbar{position:fixed;top:0;left:0;z-index:9999;width:100%;height:50px}.game-info{border-radius:.5rem;border:6px solid rgba(241,219,95,.95);background-color:#fff;color:#065143;padding:.5rem 1rem;width:15rem;margin-bottom:1rem}.game-info .game-info-top{display:flex;flex-direction:row;justify-content:space-between}.game-info .game-img{display:none;margin-top:.5rem}@media (min-width:768px){.game-info{width:30rem;justify-content:center}.game-info .game-img{display:flex;height:8rem}}.game-info h2{font-size:1.25rem}.game-info .attending{display:flex;flex-direction:row}.game-info .attending img{margin-right:.5rem}.dropbtn{background-color:#065143;color:#fff;padding:1rem 1.5rem;font-size:1.5rem;margin-right:1rem;border-radius:.5rem;border:1px solid #f2eaea}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;right:0}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover,button:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:rgba(241,219,95,.95)}.sign-in-button{border-radius:2rem;border:1.5px solid rgba(0,0,0,.77);margin-bottom:2rem;padding:1rem;text-align:center;text-decoration:none;color:#f2eaea;background-color:#065143;opacity:.9;font-size:1.25rem;width:15rem;line-height:1.5;display:flex;flex-direction:column}
/*# sourceMappingURL=main.7b1ee801.chunk.css.map */