body {
    background-color: whitesmoke;
}

.MYCARDS {
    top: 4%;
    position: absolute;
    z-index: 10000;
}

.otherStuff {
    top: 10px;
    /* left: 4px; */
    position: fixed;
    transform: translate(-90%);
    transition: transform 600ms ease-in-out;
}

.otherStuff:hover {
    /* transition-property: */
    transform: translate(6%);
}

.mainThingy {
    padding-top: 10%;
}

/* .otherStuff:before{

    position: absolute;
    right:10px;
    content: "hi";

} */

/* .mainJumbotron {
    width: 100%;
} */

#jumbo1 {
    /* background-color: linear- */
    padding-top: 1%;
    background: rgb(131, 58, 180);
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

#jumbo2 {
    background: rgb(34, 193, 195);
    background: linear-gradient(208deg, rgba(34, 193, 195, 1) 0%, rgba(62, 190, 172, 1) 32%, rgba(108, 179, 84, 1) 60%, rgba(246, 174, 18, 1) 100%);
}

#jumbo3 {
    background: rgb(22, 231, 232);
    background: linear-gradient(270deg, rgba(22, 231, 232, 1) 0%, rgba(236, 0, 83, 1) 86%);
}

#jumbo4 {
    background: rgb(101, 0, 241);
    background: linear-gradient(54deg, rgba(101, 0, 241, 1) 0%, rgba(75, 212, 70, 1) 96%);
}

#jumbo5 {
    background: rgb(241, 30, 123);
    background: radial-gradient(circle, rgba(241, 30, 123, 1) 0%, rgba(228, 198, 35, 1) 100%);
}

#carouselExampleIndicators {
    /* align-content: center; */
    max-width: 80%;
    /* max-height:  80%; */
}

.forImageUnderControl {
    /* display: flex; */
    justify-content: center;
    max-width: 80%;
    max-height: 80%;
}

#videoCon {
    display: flex;
    justify-content: center;
}