* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,
body {
    min-height: 100%;

body {
    min-height: 100vh;

    font-family: "Lucida Console", "Courier New", monospace;
    color: #e5e5e5;


    background-image: url("../images/background-desktop.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    /* Sfondo fisso durante lo scroll */
    background-attachment: fixed;
}

.content {
    min-height: 200vh;

    padding: 60px 8%;

    background: rgba(0, 0, 0, 0.25);
}

h1 {
    margin-bottom: 30px;
    background: rgba(54, 54, 55, 0.30);
}

h2 {
    margin-bottom: 15px;
    background: rgba(54, 54, 55, 0.40);
}

p {
    margin-bottom: 40px;
    line-height: 1.6;
    font-weight: bold;
    color: #000;
    background: rgba(255, 255, 255, 0.60);
}

 a {
  color: hotpink;
  background-color: yellow;
  font-weight: bold;
}

section {
    min-height: 40vh;
    padding: 40px 0;
}

@media (max-width: 768px) {

    body {
      
        background-image: url("../images/background-mobile.jpg");

        
        background-size: auto 100vh;

        
        background-position: right bottom;

        background-repeat: no-repeat;

        
        background-attachment: fixed;
    }

    .content {
        padding: 40px 20px;
    }
}