/*General*/
html {
    background-image: url(https://i.imgur.com/PLDlp8p.jpeg);
}

/*Containers*/
.header {
    font-family: cursive;
    font-size: 99%;
    background-color: beige;
    border: solid 1vh black;
    border-radius: 2vh;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
/*General*/
html {
    background-image: url(https://i.imgur.com/PLDlp8p.jpeg);
}

/*Containers*/
.header {
    font-family: cursive;
    font-size: 99%;
    background-color: beige;
    border: solid 0.5vw black;
    border-radius: 2vh;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 25px;
    padding: 1px;
    justify-content: center;
}

.intro {
    font-family: cursive;
    font-size: 99%;
    background-color: beige;
    border: solid 0.7vh black;
    border-radius: 1vh;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 7px;
    padding: 1px;
    justify-content: center;
}

.navigationdiv {
    font-family: cursive;
    font-size: 99%;
    background-color: beige;
    border: solid 0.7vh black;
    width: 10%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    padding: 1px;
    border-radius: 1vh;
    margin-left: 12.2%;
    height: auto;
    float: left;
}


.thegreatdiv {
    font-family: cursive;
    font-size: 99%;
    background-color: beige;
    border: solid 0.7vh black;
    border-radius: 1vh;
    width: 63.559%;
    flex-wrap: wrap;
    margin-top: 9px;
    padding: 1px;
    margin-left: 23.6%;
    float: none;
    display: flex;
    height: auto;
}

.aboutmediv{
    font-family: cursive;
    font-size: 99%;
    background-color: beige;
    border: double 0.5vw black;
    border-radius: 2vh;
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
    
}

.pokeballdiv{
    justify-content: center;
}

/*text and others*/

img.vynil {
    margin: 1%;
    width: 5%;
    height: 5%;
    margin-left: 2%;
    margin-right: 2%;
}

h1.title {
    margin-top: 1.5%;
    font-size: 2vw;
}

h1.welcome {
    margin-right: auto;
    font-size: 2vw;
    margin-left: 01%;
}

h1.konnichiwa {
    margin-left: auto;
    font-size: 2vw;
}

p.sub {
    font-size: 1.1vw;
    margin: 0.1vw;
}

b.navigation {
    margin-left: 25%;
    font-size: 1vw;
    margin-top: 0.3vw;
}

.shrines {
    margin-left: 25%;
    font-size: 1vw;
    margin-top: 0.3vw;
}

li.link {
    font-size: 0.85vw;
}

h3.aboutme{
    margin: 1vh;
    text-align: center;
}

p.aboutmep{
    margin: 1vh
}

.linkcontact{
    margin-bottom: 10vh;
}

img.pokeball{
    width: 40%;
    margin-left: 27%;
    margin-bottom: 3.5%;
    margin-top: 3.5%
}