body {
          margin: 0;
          padding: 0;
        }

        h1, h2 {
          text-align: center;
        }

        h1::after {
          content: "Van Gogh";
        }

        h2 span::after {
          content: " e cultura tb!";
          display: inline !important;
        }

        .sidebar, .footer {
          display: none;
        }

        span,
        span::after,
        span::before,
        div::before,
        div::after {
          display: block;
          content: "";
        }

        .intro h3, 
        .intro p,
        .main h3,
        .main p {
          width: 666px;
          font-size: 0.45em;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          
        }

        #extraDiv1,
        #extraDiv2,
        #extraDiv3 {
          cursor: none;
        }
         

        #extraDiv1 {
          position: absolute;
          top: 180px;
          left: 50%;
          margin-left: -333px;
          border-top: 0px solid transparent;

          width: 666px;
          height: 3186px;
          background: url("img/vg1.png") no-repeat top center;
          transition: 2s;

          margin-top: 0px;
        }

        #extraDiv1:hover {
          border-top: 700px solid transparent;
          
          transition: 2s;
        }


        #extraDiv1::before {
          padding-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg2.png") no-repeat bottom center;
        }
       

        #extraDiv1::after {
          margin-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg3.png") no-repeat bottom center;
        }

        #extraDiv1 span {
          width: 666px;
          height: 531px;
          background: url("img/vg4.png") no-repeat bottom center;
        }

        #extraDiv1 span::before {
          padding-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg5.png") no-repeat bottom center;
        }

        #extraDiv1 span::after {
          margin-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg6.png") no-repeat bottom center;
        }



        #extraDiv2 {
          position: absolute;
          top: 3486px;
          left: 50%;
          margin-left: -333px;

          width: 666px;
          height: 3186px;
          background: url("img/vg7.png") no-repeat top center;
        }

        #extraDiv2::before {
          padding-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg8.png") no-repeat bottom center;
        }

        #extraDiv2::after {
          margin-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg9.png") no-repeat bottom center;
        }

        #extraDiv2 span {
          width: 666px;
          height: 531px;
          background: url("img/vg10.png") no-repeat bottom center;
        }

        #extraDiv2 span::before {
          padding-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg11.png") no-repeat bottom center;
        }

        #extraDiv2 span::after {
          margin-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg12.png") no-repeat bottom center;
        }



        #extraDiv3 {
          position: absolute;
          top: 6772px;
          left: 50%;
          margin-left: -333px;

          width: 666px;
          height: 3186px;
          background: url("img/vg13.png") no-repeat top center;
        }

        #extraDiv3::before {
          padding-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg14.png") no-repeat bottom center;
        }

        #extraDiv3::after {
          margin-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg15.png") no-repeat bottom center;
        }

        #extraDiv3 span {
          width: 666px;
          height: 531px;
          background: url("img/vg16.png") no-repeat bottom center;
        }

        #extraDiv3 span::before {
          padding-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg17.png") no-repeat bottom center;
        }

        #extraDiv3 span::after {
          margin-top: 540px;
          width: 666px;
          height: 531px;
          background: url("img/vg18.png") no-repeat bottom center;
        }