/* 
=========================================

   D E S K T O P

=========================================
*/

.mobile-layout {
    display: none;
}


body{
    background-color: #424f36;
    background: no-repeat url(/images/Sfondo2.png);
    background-position: fill;
    

}



.text-link-enter{
    position: absolute;
    font-family: "Momo Signature", 'Times New Roman', Times, serif;
    text-decoration: none;
    color:rgb(255, 222, 76);
    
    font-size: 7vw;
    z-index:3;
    transition: all 0.5s ease;

}

#Ester1 {
    height: 99%;
}

.Enter {
    height: 70%;
    margin-top: 4%;
    margin-left: -4.1%;
    position: absolute;
    z-index: 2;
    transition: all 0.5s ease;


}



.EnterSfondo{
    height: 70%;
    margin-top: 4%;
    margin-left: -4.1%;
    position:absolute;
    pointer-events: none;
    
    filter: drop-shadow(0 0 5px #442d02);
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease;
}

.text-link-enter:hover ~ .EnterSfondo{
    opacity: 1;
    transform: rotateZ(5deg) scale(1.1, 1.1);
}

.text-link-enter:hover {
    transform: rotateZ(5deg) scale(1.1, 1.1);
}

.text-link-enter:hover ~ .Enter{
    transform: rotateZ(5deg) scale(1.1, 1.1);
}


.libro{
    height: 27%;
    width: 15.5%;
    position:absolute;
    top: 8%;
    left: 20%;
    transform-origin: center;
    transform: rotateZ(-25deg);

   
    transition: all 0.5s ease;
    opacity: 1; 
    
    
    
}

.sfondoLibro {
    height: 100%;
    position:absolute;
    opacity: 0; 
    transition: all 0.5s ease;
}

#copertina{
    height: 100%;
    position:absolute;
}

.buyMeSfondo {
    height: 60%;
    margin-top:-20%;
    margin-left:50%;

    position:absolute;
    opacity: 0; 
    transition: all 0.5s ease;
}

.buyMe{
    height: 60%;
    margin-top:-20%;
    margin-left:50%;
    position:absolute;
    opacity: 0;
    transition: all 0.5s ease;
    
}


.libro:hover {
    filter: drop-shadow(0 0 5px #442d02);
    transform: rotateZ(-10deg) scale(1.1, 1.1);
}

.libro:hover .buyMe{ 
    opacity: 1;
}

.buyMeDiv:hover .buyMeSfondo {
    transform: rotateZ(10deg) scale(1.1, 1.1);
    opacity: 1;
}

.buyMeDiv:hover .buyMe {
    transform: rotateZ(10deg) scale(1.1, 1.1);
    opacity: 1;
}



.libro:hover .sfondoLibro {
    opacity: 1;
}



.boxprincipale{
    background: #fff6de;

    position:relative;
    max-width:45vw;
    height:40vw;

    margin:auto;
    margin-top:45px;

    border-style: solid;
    border-color: #ffe192;
    border-width: 20px;
    border-radius: 20px;
    padding: 2px; 

    display: flex;
    flex-direction:column;

}
  
.boxester {
    position:absolute;
    right:0;

    
    height:115%;

    margin-top: -40px;

    
}

.boxenter {
    height: 30%;
    width: 45%;
    position:absolute;
    right:0;

    margin-right: 9%;
    margin-top: 40%;

    
}


.linkesterni{

    color:#fff6de;

    font-family:"Miltonian Tattoo", 'Times New Roman', Times, serif;
    font-size: 1.959vw;

    position:relative;
    
    margin-left:5px;
    text-decoration:none;
    transition: color 0.5s ease;
}


.boxlinkesterni{


    background: #258bf0;

    width:39%;
    height:20%;

    

    border-style:solid;
    border-color:#258bf0;
    border-radius: 15px;

    margin:10px;

    display:flex;
    justify-content: flex-start;
    align-items:center; 

    transition: all 0.5s ease;

}

.linkesterni:hover {
    color:#258bf0;
}

.boxlinkesterni:has(.linkesterni:hover) {
    background-color:#fff6de;
    border-color:#fff6de;
}

.miniboxlinkesterni{

    display: grid;
    place-items: center; /* Centers both axes */
    background: #fff6de;

    width:23.5%;
    height:85%;

    float: left;
    border-radius:10px;

    margin:0.4vw;
}

.linkIcons{
    position:relative;
    
    width: 80%;
}

.insiemelink{
    position:relative;
    

    margin-top:auto;
    
    margin-left:10px;
    margin-bottom:10px;

    height: 60%;

    
}