*{margin:0;padding:0;box-sizing:border-box}:root{--white: #e6e2e2;--black: #141414;--grey: rgb(143, 132, 132);--orange-gold: #ff9f1c;--blue: #1c90ff;--dark-green: #024711a6;--dark-grey: rgba(68, 61, 61, .9);--dark-grey-opac5: rgba(68, 61, 61, .5)}.app{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--white);background:var(--white)}ul{list-style:none}.card{display:flex;justify-content:center;width:100%;min-height:50vh;height:auto;color:var(--black)}.card-greengrey{background:linear-gradient(to top left,var(--dark-green),var(--white))}.card--grey{background:var(--dark-grey-opac5);color:var(--white)}.link{text-decoration:2px solid underline;color:var(--orange-gold);font-size:x-large;transition:all .1s ease-in-out}.link:hover{color:var(--blue);letter-spacing:.5rem}.header-container{display:flex;width:100%;height:12rem;justify-content:space-evenly;align-items:center;font-size:xx-large;padding:1rem;font-family:Fredericka the Great,serif;font-weight:400;font-style:normal;color:var(--orange-gold);background:linear-gradient(to top,var(--dark-green),rgba(2,71,17,.5))}.header-container .fa-bars:hover,.header-container .fa-x:hover{cursor:pointer;font-size:larger}.header-container .header-container a{display:grid;place-content:center;transition:all .1s ease-in-out}.fa-bars,.fa-x{transition:.1s ease-in-out}.header-container a:hover{border-bottom:2px solid var(--blue)}.header-logo{width:auto;height:200%;overflow:hidden;z-index:10}.header-logo:hover{cursor:pointer}.header-item{width:25%;display:none;justify-content:space-around}@media screen and (min-width: 1000px){.header-item{display:flex;align-items:center}}.modal-container{background:var(--grey);position:fixed;width:70vw;height:100vh;top:0;right:0;border-left:2px solid var(--dark-grey);box-shadow:-50px 1px 100px var(--black);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;animation:modalappear 1s ease-in-out}.modal-ul li a{color:var(--white);text-decoration-thickness:1px;text-underline-offset:4px;transition:all .1s ease-in-out}.modal-ul li a:hover{color:var(--orange-gold);text-decoration-thickness:3px;text-underline-offset:5px}@keyframes modalappear{0%{right:-50%}to{right:0}}@media (min-width: 615px){.modal-container{width:50%}}@media (min-width: 1024px){.modal-container{width:40%}}.mainpage{display:flex;flex-wrap:wrap;justify-content:center;width:100%;height:auto;min-height:calc(100vh - 16rem)}.welcome-container{display:flex;flex-direction:column;margin:1rem;position:relative;gap:.5rem;padding-bottom:1rem}.welcome-container .link{position:absolute;bottom:0;right:0}.welcome-container p{transition:transform .3s ease-in-out}.welcome-container p:hover{transform:rotateX(360deg)}.welcome-container h1{font-size:xx-large;color:var(--orange-gold);text-shadow:0px 0px 1px var(--blue)}@media screen and (min-width: 1000px){.welcome-container{width:60%}}.gamecard-container{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;position:relative;padding-bottom:2rem;width:100%;background:none;z-index:2;overflow:hidden;padding:1rem}.gamecard-container .link{position:absolute;bottom:1rem;left:1rem}.gamecard-gameTitle{display:flex;width:100%;justify-content:center}.gamecard-gameTitle h2{font-family:Fredericka the Great,serif;font-weight:400;font-style:normal;color:var(--orange-gold);align-self:center;font-size:4rem;animation:wiggle 1s alternate-reverse infinite;transition:all .1s ease-in-out}.gamecard-gameTitle h2:hover{cursor:pointer;color:var(--white)}.gamecard-container h1{font-size:xx-large;color:var(--orange-gold);text-shadow:0px 0px 1px var(--blue)}.gamecard_background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:blur(1px) contrast(1.1) brightness(.8)}@media screen and (min-width: 1000px){.gamecard-container{width:60%;align-items:center}}@keyframes wiggle{0%{transform:rotateY(70deg)}to{transform:rotateY(-10deg)}}.trailer-container{display:flex;flex-direction:column;width:100%;height:auto;align-items:center}@media screen and (min-width: 1000px){.trailer-container{width:60%;height:50vh;border:1px solid var(--orange-gold)}.trailer-container iframe{height:100%;width:100%;object-fit:cover}}.contact-container{display:flex;flex-direction:column;width:100%;height:auto;align-items:center;margin:1rem}.contact-container h1{font-size:xx-large;color:var(--orange-gold);text-shadow:0px 0px 1px var(--blue);align-self:flex-start}.contact-container a{color:var(--blue);font-weight:700;letter-spacing:.2rem;transition:font-size .1s ease-in-out}.contact-container a:hover{color:var(--orange-gold);font-size:large}.contactCard-creators{font-size:larger;display:flex;flex-direction:column;align-items:center;width:100%}.contactCard-creators p{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--blue);text-underline-offset:2px;transition:transform .3s ease-in-out}.contactCard-creators p:hover{transform:rotateX(360deg)}.contactCard-creators h5{font-size:larger;color:var(--blue)}@media screen and (min-width: 1000px){.contact-container{width:60%}}.footer-container{display:flex;width:100%;height:4rem;justify-content:space-evenly;align-items:center;font-size:xx-large;background:var(--orange-gold);opacity:.8;font-family:Fredericka the Great,serif;font-weight:400;font-style:normal;color:var(--orange-gold)}.footer-container img:hover{cursor:pointer;border-bottom:2px solid var(--blue)}.dismau_container{color:var(--white);background:var(--black);display:flex;flex-direction:column;align-items:center;width:100%;height:auto;padding-bottom:1rem}.dismau_container .dismau-title{font-family:Fredericka the Great,serif;font-weight:400;font-style:normal;color:var(--orange-gold);align-self:center;font-size:4rem;margin:1rem;animation:wiggle 1s alternate-reverse infinite}.dismau_container .dismau-trailercontainer{width:100%}.dismau_container .dismau_article{display:flex;flex-wrap:wrap;margin:1rem}.dismau_container .dismau_article h2{transition:all .3s ease-in-out}.dismau_container .dismau_article h2:hover{transform:rotateX(360deg);color:var(--orange-gold)}.dismau_image img{width:100%}.dismau_image img:hover{border:1px solid var(--white)}@media screen and (min-width: 1000px){.dismau_article{width:60%;display:flex;flex-direction:column}.dismau_images-container{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;gap:.5rem;width:60%}.dismau_image{display:flex;place-content:center}.dismau_image img{width:100%;object-fit:cover;border:1px solid var(--orange-gold)}.dismau_article:nth-child(4) h2{text-align:right}.dismau_article:nth-child(4){padding-left:30%}.dismau_article:nth-child(3) p{padding-right:40%}.dismau_article:nth-child(5) p{padding-right:40%}}.aboutpage-container{color:var(--black);display:flex;width:90%;flex-wrap:wrap;gap:1rem;padding-top:1rem}.aboutpage-container h2{width:100%;display:grid;place-content:center}.aboutpage-container h5{text-align:center;width:100%;text-decoration:underline;font-size:larger;color:var(--dark-grey);font-weight:400}.aboutpage-container .aboutpage-card{display:flex;flex-wrap:wrap;width:100%;height:30vh;justify-content:space-between;margin:1rem 0rem}.aboutpage-container .aboutpage-card .aboutcard-item{display:flex;flex-direction:column;text-align:center;width:50%;height:100%}.aboutpage-container .aboutpage-card .aboutcard-item h3,.aboutpage-container .aboutpage-card .aboutcard-item p{padding-left:1rem;transition:all .3s ease-in-out}.aboutpage-container .aboutpage-card .aboutcard-item h3:hover{letter-spacing:.3rem;color:var(--blue)}.aboutpage-container .aboutpage-card .aboutcard-item p:hover{transform:rotateY(360deg)}.aboutpage-container .aboutpage-card .aboutcard-item img{height:100%;object-fit:cover;border:2px solid var(--orange-gold);border-radius:5px;filter:grayscale(1);transition:all .3s ease-in-out}.aboutpage-container .aboutpage-card .aboutcard-item img:hover{border:2px solid var(--blue);border-radius:50%;filter:grayscale(0)}@media screen and (min-width: 1000px){.aboutpage-container{width:60%}.aboutcard-item img{object-position:center 20%}}
