@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');


body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif; 
    background-color: #2C2F33;
}

div.text {
    width: 250px;
    margin: 2rem 2rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 550ms ease-in;
}

div.text {
    width: auto;
}

div img {
    display: flex;
    width: 250px;
    justify-content: center;
    align-items: center;
    transition: all 550ms ease-in;
}

div img {
    margin: auto;
}

div.text:hover, div img:hover {
    color: #ffffff;
    text-shadow: 2px 2px 5px #00000080;
    transform: scale(1.1);
}