*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}



body{

    background:#020617;

    color:#00ff99;

    font-family:'Share Tech Mono', monospace;

}



.hero{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;






    /* background:

    linear-gradient(
        rgba(2,6,23,0.9),
        rgba(2,6,23,0.95)
    ),

    url("https://images.unsplash.com/photo-1518770660439-4636190af475"); */



background:

radial-gradient(
circle at center,
rgba(0,255,153,0.12),
transparent 40%
),

linear-gradient(
rgba(2,6,23,0.95),
rgba(2,6,23,0.98)
);


background-color:#020617;



    background-size:cover;

    background-position:center;

}

.container {

    display: flex;

    justify-content: center;

    align-items: center;

}



.terminal-box{


    width:700px;

    max-width:95%;


    padding:40px;


    text-align:center;


    background:

    rgba(0,0,0,0.65);


    border:

    1px solid #00ff99;


    box-shadow:

    0 0 35px rgba(0,255,153,0.35);


}



.terminal-title{


    color:#00ffff;

    font-size:28px;

    font-weight: 900;

    line-height:1.5;

}




#terminal-text{


    margin-top:35px;

    font-size:20px;

    min-height:280px;


}



#terminal-text p{


    margin:15px 0;
    font-size: 16px;
    animation:fade .5s ease;


}



.success{

    color:#00ff99;

}



.access{

    color:#00ffff;

}



.tagline{


    margin-top:0px;

    padding-top:20px;


    border-top:1px solid #333;


    color:white;


    font-size:28px;


    opacity:0;


    transition:1.5s;


}



.show{

    opacity:1;

}



.cursor{


    animation:blink 1s infinite;

}



@keyframes blink{


    50%{

        opacity:0;

    }

}



@keyframes fade{


    from{

        opacity:0;

        transform:translateY(10px);

    }


    to{

        opacity:1;

        transform:translateY(0);

    }

}




@media(max-width:768px){


    .terminal-box{

        padding:25px;

    }


    .terminal-title{

        font-size:20px;

    }


    #terminal-text{

        font-size:16px;

    }


    .tagline{

        font-size:20px;

    }


}