*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


body{
    width:100%;
    height:100vh;
    background-color: white;
    font-family: Montserrat;
    max-width: 100vw;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
}

.container{

    width:100%;
    height:100vh;
}


.slide-2{
    z-index: 100;
    width:100vw;
    height: 100vh;
    position: absolute;
}

.bg2circulovermelho{
    position: absolute;
    z-index: -1;
    
    height: 75%;
    width:  75%;
    
    top:  -40vh; 
    left: -10vw;
    
}

.bg2circuloamarelobranco{
    position: absolute;
    z-index: 0;

    height: 8%;
    width:  8%;
    
    top:  3vh; 
    left: 23vw;
}

.bg2circulovermelhovazado{
    position: absolute;
    z-index: -1;

    height: 6%;
    width:  6%;
    
    top:    9vh; 
    left:   9vw;
}


.bg2setinhavermelha{
    position: absolute;
    z-index: -1;

    height: 12%;
    width:  12%;

    top:    -2vh; 
    left:   40vw;
}

.bg2circulovermelhopontilhado{
    position: absolute;
    z-index: -1;

    height: 55%;
    width:  55%;

    bottom: -39vh; 
    right:    0vw;
}

.bg2setinhavermelha2{
    position: absolute;
    z-index: -1;

    height: 12%;
    width:  12%;

    bottom:  -4vh; 
    left:    25vw;
    transform: rotate(320deg);
}


.slide{
    display: none;
    width: 100%;
    height: 100%;
}

.slide:target{
    display: block;
}