@import url('https://fonts.googleapis.com/css2?family=Graduate&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Graduate&family=Grand+Hotel&display=swap');

.banner{
    background: url(./Picture/Oversized\ Ofcl\ Man\ Teddy\ Graphic\ T-shirt\ _\ boohooMAN\ USA.jpeg) no-repeat center center;
    background-size: cover;
    padding-top: 20%;
    padding-bottom: 20%;
    color: #000;
}

#about{
    font-family: Graduate,serif;
    font-weight: normal;
    cursor: pointer;
}

#service{
    font-family: Graduate,serif;
}

#contact{
    font-family: Graduate,serif;
}

.contact{
    background: url(./Picture/Vintage\ Black\ Golden\ World\ Map\ Wallpaper\ Murals.jpeg);
    padding-top: 20%;
    padding-bottom: 20%;
}


span{
    color: #F9E400;
    font-weight: normal;
    cursor: pointer;
}

.ft{
    font-family: "Grand Hotel", cursive;
}

.mat{
    box-shadow: 1px 5px 5px #000;
    width: 15rem;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s ease-in ;
}

.mat2{
    width: 15rem;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 1px 5px 5px #000;
    transition: 0.5s ease-in;
}

.mat3{
    width: 15rem;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 1px 5px 5px #000;
    transition: 0.5s ease-in;
}

.mat2:hover{
    transform: translateY(-10px);
}

.mat3:hover{
    transform: translateY(-10px);
}

.mat:hover{
    transform: translateY(-10px);
}

.c-item{
    height: 800px;
}

.c-img{
    height: 100%;
    object-fit: cover;
    filter: brightness(1);
    cursor: pointer;
}

.img1{
    width: 15rem;
    border: 1px solid black;
    border-radius: 50%;
    cursor: pointer;
    transition: .5s;
}

.img1:hover{
    transform: translateX(-10px);
}

.img2{
    width: 15rem;
    border: 1px solid black;
    border-radius: 50%;
    cursor: pointer;
    transition: .5s;
}

.img2:hover{
    transform: translateX(-10px);
}

.img3{
    width: 15rem;
    border: 1px solid black;
    border-radius:50%;
    cursor: pointer;
    transition: .5s;
}

.img3:hover{
    transform: translateX(-10px);
}