body {
            font-family: Lato;
            font-size: 16px;
            font-weight: 500;
            line-height: 19.2px;
            letter-spacing: -0.03em;
            text-align: left;
            background-image: url("/assets/img/bg.png");
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center center;
        }

        #h-container {
            margin-top: 34px;
        }

        #nav {
            margin: 22px;
            float: right;
        }

        #nav li {
            display: inline;
            margin-left: 10px;
            font-weight: 800;
            color: #2A5596
        }

        #nav li a {
            display: inline;
            margin-left: 10px;
            font-weight: 500;
            text-decoration: none;
            color: #2A5596;
        }

        .chamada {
            color: #666;
            border: 1px solid #E6E6E6;
            background-color: #fff
        }

        .chamada h3 {
            font-family: Lato;
            font-size: 24px;
            font-weight: 500;
            line-height: 32px;
            letter-spacing: -0.07em;
            text-align: left;
            margin-bottom: 30px;

        }

        .chamada p {
            font-family: Lato;
            font-size: 10px;
            font-weight: 400;
            line-height: 12px;
            text-align: left;

        }

        .chamada i {
            font-size: 14px;
            border-color: #666;

        }

        .container {
            max-width: 1465px;
        }

        .fixed-bottom {
            background: #0167C0;
            font-family: Lato;
            font-size: 11px;
            font-weight: 800;
            line-height: 12px;
            text-align: left;
            color: #fff
        }


        textarea {
            font-family: Lato;
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: -0.04em;
            text-align: left;
            padding: 20px !important;
            resize: none;

        }

        #botao {
            position: absolute;
            right: 25px;
            top: 25px;
        }

        #chatContent {
            margin-top: -50px
        }

        #player {
            height: 700px;
            width: 120%;
        }

        #player-c {
            height: 580px;
            z-index: 8;
            overflow: hidden;
        }

        #playerContainer {
            height: 480px;
            margin-top: -40px;
            overflow: hidden;
        }

        #voiceSwitch {
            font-family: Lato;
            font-size: 16px;
            font-weight: 800;
            line-height: 19.2px;
            letter-spacing: -0.03em;
            color: #2A5596;
            position: absolute;
            top: 100px;
            right: 0px;
            z-index: 9;

        }



        .response1 {
            width: Fill (305px)px;
            height: Hug (290px)px;
            padding: 12px 16px;
            gap: 8px;
            border-radius: 16px 0px 16px 16px;
            opacity: 0px;
            background-color: #1565C0;
            color: #fff;
            font-family: Roboto;
            font-size: 16px;
            font-weight: 400;
            line-height: 18.75px;
            text-align: left;
            margin: 0% 20%;
            display: inline-block;
            text-wrap-mode: wrap;
            word-wrap: break-word;
        }

        .when {
            width: Fill (305px)px;
            padding: 12px 16px;
            gap: 8px;
            border-radius: 16px 0px 16px 16px;
            opacity: 0px;
            color: #0D082C66;
            font-family: Roboto;
            font-size: 16px;
            font-weight: 400;
            line-height: 18.75px;
            text-align: left;
            margin: 0% 20%;
            display: inline-block;
        }



        #welcome {
            top: 100px;
            left: 100px;
            width: 35%;
            z-index: 10
        }

        #welcome p {
            font-family: Lato;
            font-weight: 500;
            line-height: 33.6px;
            letter-spacing: -0.03em;
            text-align: left;
            color: #2A5596;
            padding-bottom: 40px;
        }

        #welcome .p1 {
            font-size: 30px;
        }

        #welcome .p2 {
            font-size: 25px;
        }

        .spacer {
            height: 5px;
            width: 100%;
        }

        .acessar {

            font-family: Lato;
            font-size: 32px;
            font-weight: 800;
            line-height: 38.4px;
            text-align: left;
            background: linear-gradient(99.78deg, #0167C0 -5.85%, #0167C0 109.55%);



        }

        @media (max-width: 720.98px) {
            .response1 {
                margin: 0px;
            }
        }

        @media (max-width: 500.98px) {
            header {
                text-align: center;
            }
        }