.welcome{
    font-size:var(--big-text);
    background:url('../images/backgrounds/bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width:min(80%,1200px);
    padding:4rem;
    margin:0.5rem auto;
}

.welcome .text{
    background:rgba(255,255,255,0.8);
    margin:1.2rem auto;
    padding:3rem;
    border-radius:0.8rem;
}
.linkstokeys{
    display:grid;
    place-items:center;
    grid-template-columns: repeat(3, min(25vw,350px));
    gap:min(2vw, 60px);
}
.linkstokeys img{
    width: 100%;
    object-fit: contain;
    border-radius:2px;
    box-shadow:0.5em 0.5em 4px black;
    transition: 0.5s ease-in-out;
}
.linkstokeys img:hover, .linkstokeys img:focus, .linkstokeys img:active{
    scale:1.1;
    transform: rotate(-5deg);
    box-shadow:1.5em 1.5em 8px black;
}