body{
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.intro{
    display: flex;
    color: white;
    height: 100vh;
    /*se opaca la imagen con gradient*/
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0,0,0,0.5)), url("https://images.unsplash.com/photo-1546596520-598bbf029bf8?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
    background-size: cover;

}
.text{
    display: flex;
    margin: 50px;
}
.typing{
    position: relative;
    margin-left: 15px;
}
.typing::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 35px;
    border-right: 2px solid white;
    animation: blink 0.5s infinite ease;
}
@keyframes blink{
    0%{
         opacity: 0;
    }
    100%{
        opacity: 1;
    }
}