body{
    overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.3em;
    cursor: url(/assets/curs/def-curs.png), auto;
    color: #006611;
    line-height: 1.45em;
    background-color: #eceee966;
}

p{
    padding-bottom: 10px;
}
a{
    cursor: url(/assets/curs/curs-finger2.png), auto;
    color: #000000;
    background-color: #c3ff3b;
    padding: 9px;
    border-radius: 8px;
    transition: 0.5s ease-out;
}

a:hover{
    filter: blur(5px);
    cursor: url(/assets/curs/curs-finger2.png), auto;
}

.container {
    width: 90%;
    max-width: 1280px;
    margin: 20px auto 150px auto;
}

h1{
    font-size: 36px;
}

h2{
    padding-top: 30px;
}

::selection {
    background: #92cf5b;
  }



.rotate {
    width: 200px;
    animation: rotate 5s linear infinite;
    padding-bottom: 0px;
    top: 40px;
    right: 7%;
    position: fixed;
    z-index: 3;
}

@keyframes rotate {
    from {
        transform: rotate(0deg); /* Start at 0 degrees */
    }
    to {
        transform: rotate(360deg); /* End at 360 degrees */
    }
}

.content {
    width: 66%;
}




.profile-picture {
    position: fixed;
    top: 58px;
    right: 80px;
    filter: blur(8px);
    z-index: -1;
}

img{
    width: 100%;
    height: auto;
}


.squeeze {
    transition: width 0.5s ease, filter 0.5s ease; /* Smooth transition for width and filter changes */
}


.footer {
    padding-top: 10em;
    font-size: 0.6em;
    font-family: helvetica, sans-serif;
    position: absolute;
    right: 10%;
    padding-bottom: 50px;
}

@media (max-width: 860px) {



    
     h1{
        font-size: 1.5em;
      }
    
      .content {
        width: 100%;
    }

    .profile-picture{
        display: none;
    }


    }