* {
    margin: 0;
    font-family: sans-serif;
    padding: 0;}


 body {
    background-image: url("../img/landp.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.logoatma {

    height: 36px;
    width: 149px;
    font-size: 80px;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: -10px;
    min-height: 36px;
    display: block;
}


.button {

    position: absolute;
    top: 25px;
    right: 45px;

    border-radius: 100rem;
    padding:1em;
    font-weight: bold;
    font-family:sans-serif;
    color:blue;
    font-size:1.2em;
    padding:.5rem 3rem;
    color:#555555;
    text-decoration:none;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #78e4ff, #32b08d);
    background-origin: border-box;
    background-clip: content-box, border-box;

  }


  .button:hover {
    box-shadow: none;
    color: white;
  }


.frame{
    position:absolute;
    margin-top: -0px;
    margin-left: 60%;
    width: 35%;
    height: 45rem;
    border: #555555;
    /*background-color: white;*/
    opacity: 90%;
    border-radius: 10px;
}


.frame:hover{
    opacity: 100%;

}


.frame::selection{
    opacity: 100%;

}


.capsule{
    border-radius: 10px;
    border-style: solid;
    border: #555555;
    margin-left: 3%;
}


.cardtheme{
    position: absolute; 
    top:25%; 
    width:80%; 
    height: min-content;
    background-color:white; 
    border-radius: 10px;
}


.titulo{

    position: absolute;
    top: 5%;
    left: 55%;
    color: aliceblue;
    font-weight: bolder;
    font-size: 25px;
    margin-top: 0px;

}


.texto{

    position: absolute;
    top: 12.5%;
    left: 55%;
    color: #32b08d;
    font-size: 20px; 
    margin-top: 0px;

}

.logobi{
    position: absolute;
    top: 0;
    left: 45%;
    height: 15rem;
    /*opacity: 0%;*/

}