* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth;
}
body {
    background-image: url(./assets/body_bg.png);
    overflow-x: hidden;
}

.mainav {
    width: 100vw;
    height: 62px;
    border-bottom: solid 2px #dedede;
    background-color: #f5f5f5;
}

.navitems {
    display: flex;
    justify-self: center;
    cursor: pointer;
    list-style: none;
}

.dabba1 {
    box-shadow: 0 0 7px 1px #666666;
    padding: 9px 10px 8px;
    margin: 0 10px;
    height: 62px;
    width: 99px;
    margin: 0 10px;
    border-right: 0;
    border-left: 0;
    background-color: #fff;
}

.dabba2 {
    padding: 9px 10px 8px 0;
    height: 62px;
    width: 89px;
    border-right: 0;
    border-left: 0;
    background-color: #f5f5f5;
    border-bottom: solid 2px #dedede;
}

.hover:hover {
    animation: nav 0.3s linear;
}

@keyframes nav {
    0% {
        transform: translateY(3px);
    }

    50% {
        transform: translateY(3px);
    }

    100% {
        transform: translateY(0px);
    }

}

.same-items {
    display: flex;
    justify-self: center;
    cursor: pointer;
    list-style: none;
}

.dabba3 {
    padding: 9px 10px 8px 10px;
    height: 62px;
    width: 103px;
    border-right: 0;
    border-left: 2px solid #dedede;
    border-bottom: solid 2px #dedede;
    background-color: #f5f5f5;
}

.same-items:hover .same {
    opacity: 0.2;
}

.same-items .same:hover {
    opacity: 1;
}

.container .box:hover {
    background: lightgray;
    /* hovered box stays normal */
}

.dabba4 {
    padding: 5px 10px 0px 10px;
    height: 62px;
    width: 182px;
    border-right: 0;
    border-left: 2px solid #dedede;
    border-bottom: solid 2px #dedede;
    background-color: #f5f5f5;
}

.dabba5 {
    padding: 5px 10px 0px 10px;
    height: 62px;
    width: 182px;
    border-right: 0;
    border: 0;
    border-bottom: solid 2px #dedede;
    background-color: #f5f5f5;
}

.dabba6 {
    padding: 5px 10px 0px 10px;
    height: 62px;
    width: 182px;
    border-right: 0;
    border: 0;
    border-bottom: solid 2px #dedede;
    background-color: #f5f5f5;
}

.nav2 {
    height: 87px;
    width: 100vw;
    border-bottom: 2px solid #f0f0f0;
    font-size: 15px;
    background-color: white;


}

.nav2 a {
    text-decoration: none;
    color: white;
}

.nav2-items {
    font-family: Roboto, arial, sans-serif;
    font-weight: 500;
    color: #dedede;
    display: flex;
    justify-self: center;
    width: 896px;
    height: 87px;
    text-align: center;
}

.home {
    width: 128px;
    height: 14px;
}

.first {
    height: 93px;
    width: 128px;
    background-color: #919090;
    border-bottom: 6px solid #919090;
    border-bottom-left-radius: 10px;
    /* border-bottom-right-radius: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.fa-house {
    color: #f5f5f5;
    width: 28px;
    height: 29px;
    font-size: larger;

}

.second {
    height: 93px;
    width: 128px;
    background-color: white;
    border-bottom: 6px solid #E3350d;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.Poke {
    width: 128px;
    height: 14px;
    color: #666666 !important;

}

.pokeball {
    background-image: url(./assets/pokeball.png);
    background-size: cover;
    color: #f5f5f5;
    width: 32px;
    height: 33px;
    color: #666666 !important;
}

.second:hover {
    background-color: #E3350d;
}

.second:hover .Poke {
    color: white !important;
}

.second:hover .pokeball {
    background-image: url(./assets/pokeballwhite.png);
}

.third {
    height: 93px;
    width: 128px;
    background-color: white;
    border-bottom: 6px solid #EE6B2f;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.games {
    width: 128px;
    height: 14px;
    color: #666666 !important;
    position: relative;
    bottom: 4px;

}

.gamesicon {
    background-image: url(./assets/gamepad.png);
    background-size: cover;
    color: #f5f5f5;
    width: 32px;
    height: 33px;
    color: #666666 !important;
    position: relative;
    bottom: 4px;
}

.third:hover {
    background-color: #EE6B2f;
}

.third:hover .games {
    color: white !important;
}

.third:hover .gamesicon {
    background-image: url(./assets/gamepadwhite.png);
}

.fourth {
    height: 93px;
    width: 128px;
    background-color: white;
    border-bottom: 6px solid #E6BC2F;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.card {
    width: 128px;
    height: 14px;
    color: #666666 !important;
}

.cardicon {
    background-image: url(./assets/trading.png);
    background-size: cover;
    color: #f5f5f5;
    width: 32px;
    height: 33px;
    color: #666666 !important;

}

.fourth:hover {
    background-color: #E6BC2F;
}

.fourth:hover .card {
    color: white !important;
}

.fourth:hover .cardicon {
    background-image: url(./assets/tradingwhite.png);
}

.fifth {
    height: 93px;
    width: 128px;
    background-color: white;
    border-bottom: 6px solid #4dad58;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.animation {
    width: 128px;
    height: 14px;
    color: #666666 !important;
}

.animationicon {
    background-image: url(./assets/play-button.png);
    background-size: contain;
    background-repeat: no-repeat;
    color: #f5f5f5;
    width: 32px;
    height: 29px;
    color: #666666 !important;

}

.fifth:hover {
    background-color: #4dad58;
}

.fifth:hover .animation {
    color: white !important;
}

.fifth:hover .animationicon {
    background-image: url(./assets/play-buttonwhite.png);
}

.sixth {
    height: 93px;
    width: 128px;
    background-color: white;
    border-bottom: 6px solid #30a7d7;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.play {
    width: 128px;
    height: 14px;
    color: #666666 !important;
    position: relative;
    bottom: 4px;
}

.playicon {
    background-image: url(./assets/trophy-cup.png);
    background-size: cover;
    color: #f5f5f5;
    width: 32px;
    height: 29px;
    color: #666666 !important;
    position: relative;
    bottom: 4px;

}

.sixth:hover {
    background-color: #30a7d7;
}

.sixth:hover .play {
    color: white !important;
}

.sixth:hover .playicon {
    background-image: url(./assets/trophy-cupwhite.png);
}

.seventh {
    height: 93px;
    width: 128px;
    background-color: white;
    border-bottom: 6px solid #1b53ba;
    border-bottom-right-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.news {
    width: 128px;
    height: 14px;
    color: #666666 !important;
}

.newsicon {
    background-image: url(./assets/news.png);
    background-size: cover;
    color: #f5f5f5;
    width: 32px;
    height: 33px;
    color: #666666 !important;

}

.seventh:hover {
    background-color: #1b53ba;
}

.seventh:hover .news {
    color: white !important;
}

.seventh:hover .newsicon {
    background-image: url(./assets/newswhite.png);
}

.hero {
    background-image: url(./assets/container_bg.png);
    background-color: white;
      width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 10px;
}

.sidebar {
    width: 65px;
    height: 190px;
    position: fixed;
    border-radius: 0 15px 0 0;
    overflow: none;
    /* box-shadow: 2px 0px 0px 0 rgba(0,0,0,0.2); */
    font-family: sans-serif;
    margin-top: 20px;
    border-top: 2px solid;
    border-left: none;
    border-bottom: none;
    z-index: 100;
}

.login {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 113px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    border-top: 2px;
    border-right: 2px solid black;
    background-color: #4CAF50;
}

.loginimg {
    background-image: url(./assets/login.png);
    background-size: contain;
    background-color: white;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}

.search {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #525252;
    height: 62px;
    border-right: 2px solid black;
    color: white;
}

.fa-magnifying-glass {
    font-weight: 900;
    font-size: 25px;
}

.searchline {
    position: relative;
    border-bottom: 2px solid;
    border-right: 2px solid;
    height: 10px;
    width: 30px;
    background-color: #525252;
    border-bottom: 2px solid black;
}

.main {
    display: flex;
    justify-self: center;
    height: 840px;
    width: 950px;
    background-color: #ffffff;
}

.column1 {
    width: 600px;
    height: 799px;
    margin: 45px 16px;
}

.img {
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.img1 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/trading-card-game/series/incrementals/2025/sv10-build-battle-box/sv10-build-battle-box-a-169-en.png);
    height: 320px;
    background-size: cover;
    width: 100%;
}

.banners {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-radius: 10px;
}

.img1banner {
    width: 100%;
    height: 160px;
    background-color: rgb(227, 53, 13);
    color: white;
}

.img1txt1 {
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    padding: 16.5px 11px 0 22px;
}

.img1txt2 {
    color: #CCCC;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px 8px 12px 20px;
}

.firstcard:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }
}

.secondcard {
    width: 278.5px;
    height: 280px;
    margin-top: 15px;
}

.secondcard:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.thirdcard:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.img2 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/trading-card-game/_tiles/sv/sv10/preview-cards/sv10-preview-cards-2-169-en.png);
    height: 154px;
    background-size: cover;
    width: 100%;
}

.img2banner {
    width: 100%;
    height: 123px;
    background-color: #EE6B2f;
}

.thirdcard {
    width: 278.5px;
    height: 280px;
    margin-top: 15px;
}

.img3 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/video-games/_tiles/tcg-pocket/2025/05/16/pokemon-tcg-pocket-169-en.png);
    height: 154px;
    background-size: cover;
    width: 100%;
}

.img3banner {
    width: 100%;
    height: 123px;
    background-color: #b38aea;
}

.samerow {
    display: flex;
    gap: 10px;
}

.column2 {
    width: 300px;
    height: 762px;
    margin-top: 45px;
}

.fourthcard {
    width: 100%;
    height: 150px;
    display: flex;
}

.img4 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/video-games/_tiles/tcg-pocket/strategy/celestial-guardians/oricorio-and-magnezone/pokemon-tcg-pocket-34-en.png);
    width: 120px;
    height: 150px;
    background-size: cover;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 10px;
}

.img4banner {
    width: 180px;
    height: 150px;
    background-color: #E6BC2F;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-radius: 10px;
}

.fifthcard {
    width: 100%;
    height: 309px;
    margin-top: 15px;
}

.img5 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/trading-card-game/_tiles/sv/sv10/promo/team-rockets-articuno-team-rockets-zapdos-169-en.png);
    background-size: cover;
    width: 100%;
    height: 158px;
}

.img5banner {
    background-color: #30a7d7;
    width: 100%;
    height: 151px;
    font-weight: 400 !important;
}

.sixthcard {
    width: 100%;
    height: 260px;
    margin-top: 15px;
}

.img6 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/attend-events/championship/2025-naic/rewards/01/2025-naic-169.png);
    background-size: cover;
    height: 160px;
    width: 100%;
}

.img6banner {
    background-color: #4dad58;
    height: 100px;
    width: 100%;
}

.fourthcard:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.fifthcard:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.sixthcard:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.featured {
    width: 252px;
    height: 45px;
    font-family: "Ancizar Sans", sans-serif;
    font-size: 23px;
    font-weight: 500;
    background: #232323;
    color: #919191;
    padding: 11px 20px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    top: 80px;
    left: 200px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.featuredlogo {
    background-image: url(./assets/pokeball.png);
    background-size: cover;
    width: 30px;
    height: 30px;
    display: flex;
    justify-self: center;
    align-self: center;
}

.pokemonsbar {
    margin-top: 80px;
    height: 450px;
    width: 100%;
    /* background-color: #525252; */
    /* border-top: 3px solid black; */
    display: flex;

}

.firstpokemon {
    width: 250px;
    height: 380px;
    border: 3px solid black;
    border-left: none;
    opacity: 0.6;

}

.img1pokemon {
    width: 100%;
    height: 250px;
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/pokedex/full/114.png);
    background-color: #666666e7;
    background-size: cover;

}

.img1pokemonbanner {
    width: 100%;
    height: 130px;
    background-color: #414141;
    color: white;
    font-size: 35px;
    font-family: "Ancizar Sans", sans-serif;
    font-weight: 500;
    padding-top: 15px;
    padding-left: 15px;
}

.secondpokemon {
    width: 250px;
    height: 380px;
    border: 3px solid black;
    border-left: none;
    opacity: 0.6;

}

.img2pokemon {
    width: 100%;
    height: 250px;
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/pokedex/full/822.png);
    background-color: #666666e7;
    background-size: cover;
}

.img2pokemonbanner {
    width: 100%;
    height: 130px;
    background-color: #414141;
    color: white;
    font-size: 35px;
    font-family: "Ancizar Sans", sans-serif;
    font-weight: 500;
    padding-top: 15px;
    padding-left: 15px;
}

.thirdpokemon {
    width: 300px;
    height: 430px;
    border: 3px solid black;

    /* border-left: none; */
    border-top: none;
    /* flex-grow: calc(2);  */
    position: relative;
    top: 0px;

}

.img3pokemon {
    width: 100%;
    height: 300px;
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/pokedex/full/763.png);

    background-color: #666666e7;
    background-size: cover;
}

.img3pokemonbanner {
    width: 100%;
    height: 130px;
    background-color: #414141;
    color: white;
    font-size: 35px;
    font-family: "Ancizar Sans", sans-serif;
    font-weight: 500;
    padding-top: 15px;
    padding-left: 15px;

}

.details {
    display: flex;
    gap: 70px;

}

.type {
    display: flex;
    font-size: 22.5px;
    gap: 20px;
    margin-top: 3px;
    margin-left: 2px;
}

.grass {
    background-color: #4CAF50 !important;
    border-radius: 3px;
    text-align: center;
    width: 60px;
    height: 28px;
}

.abilities {
    display: flex;
    font-size: 22.5px;
    gap: 20px;
    margin-top: 8px;
    margin-left: 2px;
}

.fourthpokemon {
    width: 250px;
    height: 380px;
    border: 3px solid black;
    border-left: none;
    opacity: 0.6;

}

.img4pokemon {
    width: 100%;
    height: 250px;
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/pokedex/full/799.png);
    background-color: #666666e7;
    background-size: cover;
}

.img4pokemonbanner {
    width: 100%;
    height: 130px;
    background-color: #414141;
    color: white;
    font-size: 35px;
    font-family: "Ancizar Sans", sans-serif;
    font-weight: 500;
    padding-top: 15px;
    padding-left: 15px;
}

.fifthpokemon {
    width: 250px;
    height: 380px;
    border: 3px solid black;
    border-left: none;
    opacity: 0.6;

}

.img5pokemon {
    width: 100%;
    height: 250px;
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/pokedex/full/902.png);
    background-color: #666666e7;
    background-size: cover;
}

.img5pokemonbanner {
    width: 100%;
    height: 130px;
    background-color: #414141;
    color: white;
    font-size: 35px;
    font-family: "Ancizar Sans", sans-serif;
    font-weight: 500;
    padding-top: 15px;
    padding-left: 15px;
}

.explore a {
    color: white;
    text-decoration: none;
    font-size: 21px;
    font-family: "Ancizar Sans", sans-serif;
    font-weight: 500;
}

.explore {
    display: flex;
    justify-self: flex-end;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 50px;
    background-color: #363636;
    margin-right: 212px;
    border-radius: 10px;
}

.main2 {
    justify-self: center;
    height: 1064px;
    width: 980px;
    background-color: #ffffff;
    margin-top: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}

.row1 {
    display: flex;
    justify-self: center;
    display: flex;
    width: 950px;
    height: 500px;
    font-family: "Ancizar Sans", sans-serif;

}

.main2card1 {
    width: 300px;
    height: 367px;
    margin-top: 75px;
    margin-left: 15px;

}

.main2card1:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.main2card2:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.main2card3:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.main2card4:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.main2card5:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}

.main2card6:hover {
    animation: float 0.2s ease-in-out;
    cursor: pointer;
}


.main2img1 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/video-games/_tiles/tcg-pocket/2025/05/16/pokemon-tcg-pocket-169-en.png);
    height: 160px;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

.main2img1banner {
    width: 100%;
    height: 207px;
    background-color: #30a7d7;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.img1txt2 {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.main2card2 {
    width: 300px;
    height: 450px;
    margin-top: 30px;
    margin-left: 15px;
}

.main2img2 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/attend-events/championship/2025-naic/rewards/01/2025-naic-169.png);
    background-size: cover;
    height: 160px;
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.main2img2banner {
    background-color: #4dad58;
    height: 290px;
    width: 100%;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.main2card3 {
    width: 300px;
    height: 394px;
    margin-top: 75px;
    margin-left: 15px;
}

.main2img3 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/trading-card-game/_tiles/sv/sv09/deck-strategy/gardevoir-ex/sv09-gardevoir-ex-169-en.png);
    height: 160px;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.main2img3banner {
    width: 100%;
    height: 234px;
    background-color: #a4a4a4;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.row2 {
    display: flex;
    width: 950px;

}

.main2card4 {
    width: 300px;
    height: 394px;
    margin-top: 75px;
    margin-left: 15px;
    position: relative;
    top: -118px;
    left: 15px;
}

.main2img4 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/misc/_tiles/2025/fossil-museum/announce/fossil-museum-169.png);
    height: 160px;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.main2img4banner {
    width: 100%;
    height: 234px;
    background-color: #964b00;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.title {
    color: #919191;
    width: 281px;
    height: 78px;
    position: relative;
    left: 55px;
    top: 15px;
    cursor: default;

}

.title h2 {
    font-size: 35px;
    font-family: "Ancizar Sans", sans-serif;
    margin: 15px 0;
    font-weight: 300;
}

.main2card5 {
    width: 300px;
    height: 414px;
    margin-top: 75px;
    margin-left: 15px;
    position: relative;
    top: -92px;
    left: 51px;
}

.main2img5 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/misc/_tiles/pokemon-center/2025/05/14/pokemon-center-169.jpg);
    height: 160px;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.main2img5banner {
    width: 100%;
    height: 254px;
    background-color: #232323;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.main2card6 {
    width: 300px;
    height: 341px;
    margin-top: 75px;
    margin-left: 15px;
    position: relative;
    top: -350px;
    left: 330px;
}

.main2img6 {
    background-image: url(https://www.pokemon.com/static-assets/content-assets/cms2/img/misc/_tiles/pokemon-center/2025/05/12/pokemon-center-169.gif);
    height: 160px;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.main2img6banner {
    width: 100%;
    height: 181px;
    background-color: blue;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

footer {
    background: #1f1f1f;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    width: 100%;
    height: 615px;
    margin-top: 50px;
}
.footerelements{
    width: 900px;
     margin-top: 100px;
    margin-left: 400px;
    display: flex;

}

.signupform {
    width: 408px;
    display: flex;
    color: white;
    flex-direction: column;
}

.signuptext {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

.email {
    height: 50px;
    width: 408px;
    padding: 8px 8px;
    background-color: white !important;
    color: grey !important;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 15px;
        display: block;
    font-family: "Roboto", arial, sans-serif;
    font-size: 20px;
}
.select{
    width: 48%;
    height: 50px;
    padding: 8px 8px;
    background-color: white !important;
    color: grey !important;
    font-weight: bold;
    border-radius: 5px;
    font-family: "Roboto", arial, sans-serif;
    font-size: 20px;
}
.birthday{
        width: 48%;
    height: 50px;
    padding: 9px 8px;
    background-color: white !important;
    color: grey !important;
    font-weight: bold;
    border-radius: 5px;
    font-family: "Roboto", arial, sans-serif;
    font-size: 20px;
}
.onerow{
    width: 408;
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-wrap: wrap;
    height: 50px;
     margin-top: 15px;
}
.signup-btn{
    width: 180px;
    height: 80px;
    margin-top: 15px;
        background-color: #888;
        color:white;
        text-align: center;
           font-weight: bold;
    border-radius: 5px;
    font-family: "Roboto", arial, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
        
}
.footertexts{
    display: flex;
    flex-direction: column;
    width: 408px;
    height: 130px;
    margin-left: 50px;
    color: white;
        font-family: "Roboto", arial, sans-serif;
        font-size: 18px;
}

.checkbox{
    display: flex;
    width: 408px;
    height: 25px;
    margin-top: 15px;
    gap: 15px;
}
.checkbox1 {
    height: 25px;
    width: 25px;
}
.checkbox3 {
    height: 35px;
    width: 35px;
}
 a{
color: white;
}
.mainfooter{
    display: flex;
    align-self: center;
    color: white;
    margin-top: 15px;
}
.footercolumn1{
    width: 284px;
    height: 220px;
    border-right: 2px solid #000;

}
ul{
    font-size: 25px; 
     font-family: "Roboto", arial, sans-serif;
     list-style-type: none;
    font-weight: 600; 
}
li{
   
   padding-top: 5px;
    font-size: 18px !important;
    font-weight: 500 !important;
}
li:hover{
    text-decoration: underline;
    cursor: pointer;
}
.footercolumn2{
    display: flex;
      width: 284px;
    height: 220px;
    border-right: 2px solid #000;
}
.social-icons{
    width: 240px;
    height: 45px;
 margin-left: 15px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.social-icons img{
    height: 35px;
    width: 35px;
}
.footercolumn3{
    display: flex;
      width: 284px;
    height: 220px;
    /* border-right: 2px solid #000; */
    flex-direction: column;
   
}
.exit{
    background-image: url(https://assets.pokemon.com/static2/_ui/img/footer/thepokemoncompanyinternational-seal-1596150491.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 60px;
    margin-left: 15px;
}
.footerlists{
    height: 110px;
    width: 100%;
}
.footerlists li{
    font-size: 12px !important;
    margin-top: 5px;
    margin-left: 15px;
}
.end{
    font-family: "Roboto", arial, sans-serif;
    margin-top: 22px;
    font-size: 12px;
    margin-left: 15px;
}