body{
    width:100%;
    
}


.logo{
    max-width: 30%;
    position: fixed;
    margin:2% 3% 1% 3%
}

div:nth-child(2){
    background-color:rgb(65,202,110);
    padding:45% 10% 10% 10%;
    min-height: 100vh;
    box-sizing: border-box;
} 

div:nth-child(3){
  
  background-color: rgb(250,177,83);
  padding:45% 10% 10% 17%;
  min-height: 100vh;
  box-sizing: border-box;
}

div:nth-child(4){
    background-color:rgb(114,119,213);
    padding:35% 10% 10% 15%;
    min-height: 100vh;
    box-sizing: border-box;
}

div:nth-child(5){
    background-color:rgb(248, 126, 81);
    padding:35% 10% 10% 15%;
    min-height: 100vh;
    box-sizing: border-box;
}
div:nth-child(6){
    background-color:rgb(237,84,102); 
    padding:35% 10% 10% 15%;
    min-height: 100vh;
    box-sizing: border-box;
}
div:nth-child(7){
    background-color:rgb(78,194,231);
    padding:35% 10% 10% 10%;
    min-height: 100vh;
    box-sizing: border-box;
}

.card>hr{
    border:1px solid white;
    margin-right:1% 25% 15% 30%;

}

.card>h3{
    color:white;
}

.card>p{
    color:white
}

.card>img {
    max-width:100%;

}
.card :nth-child(1){
    max-width:25%
}