body, html {
  background-image: url("femaleai2.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



        .style1
        {

            width:500px;
    margin-left:auto;
    margin-right:auto;
opacity:0.7;

        }
        .style2
        {
            font-size: large;
            color: #FFFFFF;
            font-family: Verdana;
        }
        .style3
        {
         border-radius:25px;
        box-shadow: 10px 10px 5px lightblue;
        }

        .style4
        {
         font-size: large;
            color: #000000;
            font-family: sans-serif;
            width:500px;
        margin-left:auto;
        margin-right:auto;
        background-color:#cceeff;
        text-align:center;
        background: linear-gradient(90deg, rgba(29,29,34,1) 0%, rgba(181,181,185,1) 35%, rgba(168,168,168,1) 100%);
        border-radius:5px;
        }
        .style5
        {
         margin-left:auto;
        margin-right:auto;
        background-color:yellow;
        background: linear-gradient(90deg, rgba(203,154,58,1) 0%, rgba(181,181,185,1) 35%, rgba(197,207,17,1) 100%);
        width:200px;
        border-radius:15px;
        visibility:hidden;
        }

 .linkos
 {
   background-color:#cceeff;
   border-radius:5px;
   font-weight:normal;
}
 .linkos:hover
 {background-color:yellow;
   font-weight:bold;
}