body {
            margin: 0;
            background-color: #7cb6b2; 
            background-image: url('fondo.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            font-family: 'Raleway', 'Verdana', sans-serif;
            color: #00a89c;
        }

        .main-header {
            background-color: #0E1111;
            color: #0E1111;
            font-family: 'Raleway', 'Verdana', sans-serif;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 50px;
        }
        
        .main-header .header-left span {
            font-size: 1.5em;
            font-weight: bold;
            color: #00A89C;
        }
        
        .main-header .header-right span {
            font-size: 1.2em;
            color: #CFCECE;
        }
        .header-left{
            display: flex;
            align-items: center;
            gap: 10px
        }
        .header-left .icon{
            width: 28px;
            height: 28px;
            object-fit: contain;
        }
        .chat{
            display: flex;
            align-items: center;
            padding:10%;
            max-width: 100px;
            min-width: 80%;
        }
        iframe{
            border-radius: 10px;
        }
        .icon{
            width: 1.5cm;
            height: 1.5cm;
        }