@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;800&display=swap');
        
body, html {
    margin: 0;
    padding: 0;

    background: linear-gradient(45deg, #000d6e, #ff26f9);
    min-height: 100%;
    width:100%;
    height:100%;
    font-family: "Barlow";  
}
canvas {
    display: block;
}

.draggable-content {
    position: absolute;
    padding: 0 1em 1em 1em;
    background-color: #f0f0f0;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    cursor: grab;
    user-select: none;
    width:280px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
}

.draggable-content h2 {
    margin: 0;
    padding: 0;
    font-size: 3em;
}
.draggable-content p {
    margin: 0;
    font-size: 1em;
}

#draggable1{
    left:15%;
    top:25%;
}

#draggable2{
   right:20%;
    top:15%;
}

#draggable3
{
   left:55%;
   top:75%;
}