style.css

body{
    background: rgb(238,232,170);
    color: rgb(0, 0, 0);
    -webkit-text-stroke: white;
    font-family: "Roboto", sans-serif;
}

header{
    background: rgb(255, 131, 86);
    border: solid 20px rgb(252, 8, 8);
    padding: 20px;
    font-size: 27px;
    font-family: "Roboto", sans-serif;
}

div{
    font-size: 75px;
    margin: 605px;
    margin-top: 115px;
    font-family: "Roboto", sans-serif;
}

h1{
    margin-top: 80px;
    font-size: 60px;
}

h2{
    font-size: 75px;
    margin-left: 40px;
    margin-top: 150px;
}

h3{
    font-size: 40px;
    margin-left: 60px;
}

h4{
    border: 20px solid rgb(0, 0, 0);
    margin-left: 100px;
}

img{
    border: 20px solid rgb(0, 0, 0);
    margin-left: 100px;
}


h5{
    margin-left: 75px;
    font-size: 30px;
}

h6{
    margin-left: 35px;
    margin-top: 80px;
    font-size: 64px;
}

.section2{
    display: flex;
    margin-top: 30px;
    background: rgb(255, 131, 86);
    border: 10px solid rgb(252, 8, 8);
    overflow-x: auto;
    gap: 10px;
    img{
        margin-left: 1px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

.section2 img{
    opacity: 0.5;
    border: 10px solid black;
}

.section2 img:hover{
    opacity: 1.0;
    border: 20px solid black;
}

.imgg{
    margin-left:330px;
}