/* @import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&display=swap'); */ 
@import url('https://fonts.googleapis.com/css2?family=Barriecito&display=swap');

body {
    font-family: "Barriecito", sans-serif;
    color: white;
    background-color: #34210b;
    text-align: center;
    overflow-x: hidden;
}
h1 {
    font-size: 60px;
    
}
.Spacer {
    height: 0vh;
}
.videoSpacer {
    height: 100vh;
}

video {
    border-radius: 20px;
}

.blocks {
    margin-inline: auto; 
    /* margin-top: 40px; */
    /* margin-bottom: 60px; */
    padding: 0px;
    /* border-radius: 12px; */
    /* height: 00px; */

    /* aspect-ratio: ; */
    /* display: flex; */
    /* align-items: center;
    justify-content: center; */
    
}

.landing_video {
    /* margin-top: 1800px; */
    position: relative;
    /* top: 0vh;
    left: 0vw; */
    border-radius: '500px';
    width: 100vh;
    height: auto;
}

.landing_img1 {
    /* margin-top: 1800px; */
    width: 50vw;
    /* height: 100vh; */
    aspect-ratio: 1;
}

.block1 {
    height: 33vh;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 1; */
    /* opacity: 1; */
    /* transform: translateX(-100%); */
    /* transition: all 1.5s; */
    
}
.block2 {
    height: 34vh;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 1; */
    /* opacity: 1; */
    /* transform: translateX(-100%); */
    /* transition: all 1.5s; */
    
}
.block3 {
    height: 33vh;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 1;
     */
    /* opacity: 1; */
    /* transform: translateX(-100%); */
    /* transition: all 1.5s; */
    
}
/* .block4 {
    position: absolute;
    top: 0vh;
    left: 0vw;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 1; */
    /* opacity: 1; */
    /* transform: translateX(-100%); */
    /* transition: all 1.5s; */
    
/* } */
.block4 {
    position: relative; /* or remove it entirely */
    /* transform: translateY(-50vh); */
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}



.color1 {
    /* background-color: #f0a202; */
    background-color: #34210b;
}
.color2 {
    /* background-color: #dfd48f; */
    background-color: #34210b;
}
.color3 {
    /* background-color: #d95d39; */
    background-color: #34210b;
}
.color4 {
    /* background-color: #7b9e89; */
    background-color: #34210b;
}

.boximg1 {
    width: 170px;
    object-fit: contain;
    border-radius: 10px;
}
.boximg2 {
    width: 210px;
    object-fit: contain;
    border-radius: 10px;
}
.boximg3 {
    width: 210px;
    object-fit: contain;
    border-radius: 10px;
}
.boximg4 {
    width: 200px;
    object-fit: contain;
    border-radius: 10px;
}