#body {
    background-color: rgba(235, 165, 171, 0.6);
}

#spider-body{
    background-color: rgb(91 23 28);
}

h1 {
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.container {
    margin: auto;
    margin-top: 5%;
    background-color: rgba(220, 236, 215, 0.6);
    width: 350px;
    height: 450px;
}

.spider-container{
    background-color: rgb(255 125 135);
}

#corps {
    top: 16.5%;
    left: 25%;
    width: 50%;
    height: 67%;
    z-index: 2;
    /*Le z-index:1 est notre container*/
    border-radius: 42%;
    position: relative;
}

.corps-patate {
    background-color: #B47618;
}

.spider-corps {
    background-color: #bd1206;
}

.elements {
    z-index: 3;
    position: absolute;
}

/*Ajouter le css images ici*/
#brows {
    top: 30px;
    left: 32px;
}

#eyes {
    top: 52px;
    left: 41px;
}

#feet {
    top: 255px;
    left: -25px;
}

#hat {
    top: -38px;
}

#leftear {
    top: 22px;
    left: 155px;
}

#lefthand {
    top: -57px;
    left: 116px;
}

#nose {
    top: 78px;
    left: 31px;
}

#rightear {
    top: 24px;
    left: -38px;
}

#righthand {
    top: 116px;
    left: -56px;
}

#spiderTitleContainer {
    width: 100%;
    display: flex;
    justify-content: center;
}

#spider-title {
    position: relative;
    width: 500px;
    top: 25px;
}

#spiderLink {
    position: absolute;
    top: 329px;
    left: 129px;
    background-color: rgb(255 125 135);
    padding: 15px;
    border-radius: 12px;
    color: rgb(91 23 28);
    text-decoration: none;
    border: solid 4px rgb(255 125 135);
}
#spiderLink:hover{
    background-color: rgb(91 23 28);
    color: rgb(255 125 135);
    cursor: pointer;
}

#spider-head {
    width: 100px;
    top: -35px;
    left: 37px;
}

#spider-left-hand {
    width: 200px;
    top: 27px;
    left: 163px;
}

#spider-right-hand {
    width: 200px;
    top: 27px;
    left: -191px;
}

#spider-left-foot {
    width: 65px;
    top: 290px;
    left: 92px;
}

#spider-right-foot {
    width: 65px;
    top: 290px;
    left: 18px;
}

#spider-logo {
    width: 100px;
    top: 126px;
    left: 38px;
}