body {
    font-family: 'Google Sans', sans-serif;
    color: #ffffff;
    
    
    background-image: url('https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExMDJtajJveTRyZGt1bWxqN3k4N3hueTRrb29yYWl2cTMxcXVidGlqYSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/dwaeIbBnF6HBu/giphy.gif');
    background-size: cover;          
    background-position: center;     
    background-repeat: no-repeat;   
    background-attachment: fixed; 
    position: relative;
    min-height: 100vh;
    margin: 0;
}



.about {
    height: 500px;
    width: 500px;
    background-color: rgba(100, 149, 237, 0.4);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 16px;
    box-sizing: border-box;
}


.cat {
    height: 200px;
    width: 200px;
}

.text-cont {
    display: flex;      
    align-items: center;   
    gap: 15px;          
}

.section1 {
    height: 200px;
    width: 200px;
    background-color: rgba(100, 149, 237, 0.4);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 16px;
    box-sizing: border-box;
}


.other_box {
    position: absolute;
    top: 50px;  
    left: 550px;  
    
    background-color: rgba(100, 149, 237, 0.4);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 12px;
}

.other_box1 {
    position: absolute;
    top: 300px;  
    left: 550px;  
    
    background-color: rgba(100, 149, 237, 0.4);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 12px;
}