dale a este div <div class="container" id="main">hello world</div> un diseño trasparente pero visible , como cristal empañado , que el contenedor este centrado en la pantalla , el texto este centrado con relacion al cuadrado y que tenga un diseño de texto que combiene con el cuadrado

#main{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: rgba(255,180,0,0.5);
        text-align: center;
        color: black;
        font-family: Courier;
        font-size: 20px;
        font-weight: bold;
        font-style: italic;
        padding: 30px;
    }