:root{
    --font: "Atkinson Hyperlegible Next";
}
.container{
    width: 1440px;
    /* outline: 1px solid red; */
    margin: 0 auto;
}
.yellow-up{
    width: 88.32039982095296;
    height: 85.8441273565932;
}
.main {
    display: block;
    padding-top: 179px;
    padding-left: 150px;
}
.title {
    width: 563px;
    height: 58px;
    font-family: var(--font);
    font-weight: 400px;
    font-size: 40px;
    margin-bottom: 32px;
}
.name {
    width: 527px;
    height: 93px;
    font-family: var(--font);
    font-weight: 400px;
    font-size: 18px;
    margin-bottom: 8px;
    padding-left: 46px;
    border-radius: 10px;
}
.email {
    width: 527px;
    height: 93px;
    font-family: var(--font);
    font-weight: 400px;
    font-size: 18px;
    margin-bottom: 8px;
    padding-left: 46px;
    border-radius: 10px;
}
#message {
    width: 527px;
    height: 189px;
    font-family: var(--font);
    font-weight: 400px;
    font-size: 18px;
    margin-bottom: 23px;
    min-height: 189px;
    min-width: 527px;
    padding-left: 46px;
    padding-top: 31px;
    border-radius: 10px;
}
.btn {
    width: 221px;
    height: 73px;
    font-family: var(--font);
    font-weight: 400px;
    font-size: 18px;
    background-color: #FAD34F;
    color: white;
    border: none;
    border-radius: 500px;
    padding: 27px 52px;
    margin-bottom: 174px;
}
.btn:hover{
    cursor: -webkit-grabbing;
    background-color: #bea03c;
}
.map{
    width: 970px;
    height: 970px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: -28px;
    right: 324px;
}

/* footer */

.socials {
    width: 127px;
    height: 16px;
    margin-top: 79px;
    margin-bottom: 105px;
    margin-left: 340px;
    border-radius: 5px;
}
.socials:hover{
    cursor: pointer;
    background-color: rgb(211, 211, 211);

}
.pink-big{
    width: 213.9999951978331px;
    height: 207.99999533247328px;
    top: 890px;
    left: 173.12px;
}