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

* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    font-family: 'Roboto',
        sans-serif;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100vw;
    height: 100vh;

    background: radial-gradient(circle, rgb(71, 71, 71), rgb(22, 22, 22));
}

.caja {
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 2rem;
    color: rgb(236, 236, 236);
    text-align: center;
    background: linear-gradient(315deg,rgb(255, 139, 226), rgb(0, 100, 182));
    border: solid 1px rgb(43, 43, 43);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}