*{
    margin:0;
    font-size: 62.5%;
}

body{
    
}

a{
    text-decoration:none;
}

.back__button{
    background-color: #FFDB58;
    border-radius:0.5rem;
    height:6rem;
    width:15rem;
    margin-left:20rem;
    margin-top:3rem;
    border:none;
    cursor:pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0.5rem;
    margin-right:9rem;
    margin-top:2.3rem;
    cursor:pointer;
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.backbutton__h1{
    font-size:3rem;
    color:black;
    transform:translateY(-2.5rem);
    margin-left:2rem;
    cursor:pointer;
}

.back__button:hover{
    background-color:#F4C430F0;
}

.checkout__list{
    height:80rem;
    width:120rem;
    background-color:white;
    box-shadow: 0 0 5rem 0 rgba(0,0,0,0.8);
    border-radius:0.5rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:7rem;
    margin-left:15rem;
}

#checkoutimg1{
    height:20rem;
    margin-left:-40rem;
    transform:translateY(-20rem);
}

.text1{
    font-size:2rem;
    margin-left:3rem;
    font-family:sans-serif;
    transform:translateY(-20rem);
    white-space:nowrap;
}

#checkoutimg2{
    height:20rem;
    margin-left:-49rem;
    transform:translateY(5rem);
}

.text2{
    font-size:2rem;
    margin-left:5rem;
    font-family:sans-serif;
    transform:translateY(5rem);
    white-space:nowrap;
}

#checkoutimg3{
    height:20rem;
    margin-left:-48rem;
    transform:translateY(30rem);
}

.text3{
    font-size:2rem;
    margin-left:5rem;
    font-family:sans-serif;
    transform:translateY(30rem);
    white-space:nowrap;
}

.payment{
    background-color: #FFDB58;
    height: 5rem;
    width: 15rem;
    border: none;
    border-radius: 0.7rem;
    margin-top:5rem;
    margin-bottom:5rem;
    margin-left:20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.payment:hover{
    background-color:#F4C430F0;
}

.payment h1{
    font-size:4rem;
}

footer{
    background-color:#FFDB58;
    height:8rem;
    width:100%;
}

footer h1{
    font-size:2.5rem;
    color:white;
    font-family:sans-serif;
    transform:translateY(2.5rem);
    margin-left:27rem;
}

.footer__search{
    height:5rem;
    display:flex;
    font-size:4rem;
    margin-left:54rem;
    transform: translateY(-1.2rem);
    border-radius:2rem;
    border:none;
}

.footer__button > h2{
    font-size:2rem;
    margin-left:5rem;
    font-weight:bolder;
    font-family:sans-serif;
}

.footer__button {
    height: 5rem;
    width: 12rem;
    margin-left: 1rem;
    background-color: #F4D03F;
    color: #4C4C4C;
    border: none;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.footer__text{
    font-size:2.5rem;
    color:white;
    font-family:sans-serif;
    transform:translateY(0.8rem);
    margin-left:12rem;
}


#facebook{
    height:3.5rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:1rem;
    transform:translateY(0.3rem);
    cursor:pointer;
}

#x{
    height:4rem;
    transform:translateY(0.2rem);
    margin-left:1rem;
    cursor:pointer;
}

#instagram{
    height:3.5rem;
    transform:translateY(0.3rem);
    margin-left:1.5rem;
    cursor:pointer;
}

#youtube{
    height:4.5rem;
    transform:translateY(-0.1rem);
    margin-left:1.5rem;
    cursor:pointer;
}