* {

    background-color: white;
}

body {
    overflow-x: hidden;
}

.container {
    display: grid; 
    grid-template-rows: repeat(4, 0fr);
    margin: 1em 2em; 
    gap: 1em;
}

.container .myitem {
    display: flex;
    justify-content: space-evenly; 
    align-items: center;
    flex-wrap: wrap;
    gap: 2em;

}

.container .myitem p {
    max-width: 50%;
}

.myitem p span {
    display: block;
    margin-bottom: 0.8em;
}

.heading1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3em;
}

.image {
    max-width: 300px;
    min-width: 300px;

}

.links {
    justify-content: space-between;

}

.thelinks {
    display: flex;
    gap: 3em;
}

.yukipic {
    display:flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
}