#sec1{
    background-color:rgba(196, 234, 242, 0.8);
   width:90%;
margin: 5%;
border-radius: 15px;
}

#sec1p{
  padding: 5%;

}
body{
    width: 100%;
    background-size: 100%;
    background-color: #012E40;
}
h1{
    color: azure;
   
}
a{
    color: darkgray;
}
a:link{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.card{
    margin-left: 9%;
}
#card2{
    margin-top: 5%;
}


#myBtn {
    position: fixed;
    bottom: 35px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    background-color: rgb(39, 38, 38);
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 20px;
  }
  
  #myBtn:hover {
    background-color: #555;
  }


  .footer{
    background-color: #555;
  }
  .card-body{
    background-color: #5d5d5d;
  }
  h5{
    color: aliceblue;
  }



  @media only screen and (min-width: 600px) {
    /* Här skriver du design för tablet */
    #card2{
        margin-top: 0;
    }
    .card{
        margin-right: 25%;
    }
}

@media only screen and (min-width: 769px) {
    /* Här skriver du design för desktop */
    .card{
        margin-left: 25%;
    }
    #card2{
        margin-top: 0;
    }
}