/*WebCoders Only*/
.body{
    
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    
}
body{
    background-color: rgb(24, 24, 24);
    overflow: hidden;
}
.maindiv{
    width: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15rem;
    background-color: rgb(240, 240, 24);
    
}
h3{
    font-weight: 700;
    text-align: center;
    font-size: 2rem;
    font-family: Arial, Helvetica, sans-serif;
}
.fixed-div{
    position: fixed;
    top: 1rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 9rem;
    height: 30rem;
    background-color: rgba(206, 37, 37, 0.993);
    animation: float 1s infinite;

}
.absolute-div{
    position: absolute;
    background-color: rgb(209, 3, 3);
    width: 10rem;
    height:10rem;
}
.sticky-div{
    position: sticky;
    background-color: rgb(255, 0, 0);
    
}
.relative-div{
    position: relative;
}