@import "variables.css";

@keyframes floating {
  0%, 100% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 50px);
  }
}


body{
    height: 100%;
}

main{
    height: 100%;
}

main a{
    text-decoration: none;
}

#listTec{
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 20px;
}

.logoTec a{
    animation: floating 3s ease-in-out infinite;
}

.logoTec img{
    border-radius: 10px;
}

.contacts img{
    border-radius: 10px;
}

@media (min-width: 801px) {
    body{
        height: 100vh;
    }

    #listTec{
        display: flex;
    }

    .contacts{
        margin-top: 40px;
    }
}