body{
    background-color: black;
    text-align: center;
}
#home, #text, #school{
    display: grid;
    gap: 20px;
    margin-bottom: 60px;
}
#work {
    margin-bottom: 60px;
}
#first, #second, #third, #fived, #sixed{
    display: grid;
    gap: 20px;
    margin-bottom: 60px;
}
#home {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}
#text, #school, #work {
    grid-template-columns: repeat(2, 1fr);
}
#fourd {
    grid-template-columns: repeat(3, 1fr);
}
a{
    text-decoration: none;
}
.schoolone, .schooltwo {
    max-width: 150px;
    margin-bottom: 30;
}
.pages{
    max-width: 150px;
}
.title{
    font-family: 'Courier New', Courier, monospace;
    font-size: 40px;
    color: white;
    margin: 60px 0px 50px 0px;
}
.yellow, #left{
    color: yellow;
    font-size: 30px;
    margin: 20px;
}
.language, .steps{
    color: beige;
    margin: 50px;
}
.icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
li{
    color: beige;
    margin: 10px;
    list-style-type: none;
}
#aboutMe{
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    color: white;
    margin: 40px;
}
img{
    border: 2px;
    border-color: blanchedalmond;
    border-style: solid;
    border: none;
    max-width: 300px;
}
#pictureone{
    margin: 0px auto;
    border-radius: 300px 20px;
}
#picturetwo{
    margin-top: 60px auto;
    border-radius: 30px;
}
.write{
    padding-top: 20px;
}
p{
    font-size:40px;
}
.grid {
    display: grid;
    gap: 20px;;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto auto auto;
}
@media (max-width: 768px) { /* Bei kleineren Bildschirmen */
    .grid {
      grid-template-columns: 1fr; /* Ändert die Anordnung der Elemente von horizontal zu vertikal */
    }
}
@media (max-width: 768px) { 
    #home, #text, #school, #work {
        grid-template-columns: 1fr;
    }
    body, .steps{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .yellow{
        font-size: 22px;
        margin: 0px;
    }
    .emojy, #work, #school{
        margin: 0px;
    }
    .language, #left{
        font-size: 16px;
        margin: 0px;
    }
    .gone, .away{
        display: none;;
    }
    .title{
        font-size: 30px;
    }
    .schoolone, .schooltwo{
        display: none;
    }
    .write{
        margin-top: 20px;
    }
}