* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
  html {
      font-size: 24px;
      line-height: 1.44;
      height: 100%;
      scroll-behavior: smooth;

  }

  h1 {
        margin-top: 0;
        font-size: 10vmin;
        color: #91CFE4;
        background-color: #101636;
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
        text-shadow: 4px 4px #3A3A3A;
        font-family: "Roboto", sans-serif;
        font-weight: bold;

 }
 #bar{
    background-color: #3C4C97 ;
    padding: 0.5rem;
    display: grid;
    grid-template-columns: auto ;
    align-items: center;
    justify-content: center;
 }
 #insert{
    width: 70vmin;
    height: 1rem;
 }
 .central_grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   place-items: center;
   gap: 5rem;
   overflow: hidden;
   
 }
 .floppy-grid{
    width: 15rem;
    height: 15rem;
    overflow: hidden;
 }
.floppy-disk{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.floppy-disk:hover{
    transform: scale(1.2);
    transition: 0.4s;
    transform-origin: center center;
}
.links{
    text-align: center;
    color: red;
    position: relative;
    bottom: 9rem;
}
 
body {
    background-image: url(../../web3/imgs/circuit-board-v9sqijtzusq0u8hc.png) ;
    background-size: cover;
    background-position: center;
}