@media only screen and (min-width: 481px) {
body {
    margin: 0;
    padding: 0;
    background: url('./aiboat2.png') no-repeat center center fixed;
    background-size: cover;
   
}

h1 {
    color: greenyellow;
    text-align: center;
    font-family: 'Fiddums';
    font-size: 200px;
    position: relative;
    
    
}

#drop-zone {
    width: 300px;
    height: 200px;
    border: 2px dashed #ccc;
    text-align: center;
    padding: 20px;
    margin: 20px auto;
}

#image-details {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;
}

}
/*FONTS*/
@font-face {
    font-family: 'Fuggles';
    src: url(./Fuggles/Fuggles-Regular.ttf);
    
}
@font-face {
    font-family: 'Fiddums';
    src: url(./fiddums-family/Fiddums\ Family.ttf);
  }
  

/*IPHONE*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {


    body {
        margin: 0;
        padding: 0;
        background: url('./aiboat2.png') no-repeat center center fixed;
        background-size: cover;
        
    
    }
    
    h1 {
        color: greenyellow;
        text-align: center;
        font-family: 'Fuggles';
        font-size: 100px;
        position: relative;
        
    }
    
    @font-face {
        font-family: 'Fuggles';
        src: url(./Fuggles/Fuggles-Regular.ttf);
        
    }
    
    
     .draggable {
        position: absolute;
        cursor: grab;
        z-index: 2; /* Add this line */
    }
    .container img { 
        width: 100vw;
    }
    .wave {
        bottom: 0;
        width: 100vw;
        position: fixed;
        z-index: 0;
    
    }
    .container {
      position: relative;
      width: 100%;
      height: 100vh; /* Set the height of the container to the viewport height */
      overflow: hidden; /* Hide any content that overflows the container */
      z-index: 1; ;
    }
    }