@import url("seaButton.css");
@import url("var.css");

body {
    background-color: var(--sand-color-3);
    padding: auto;
    font-family: 'Quicksand', sans-serif;
}

h1{
    text-align: center;
}

.tech-section{
  text-align:center;
}

h2{
    color: var(--water-color-2);
}

.tech-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.tech{
    padding: 1%;    
    margin: 1%;
    border-radius:10px;
	border:2px solid var(--water-color-2);
    background-color: var(--sand-color-2);
    box-shadow: 13px 3px 0 var(--water-color-3);
    transition: 0.9s;
}

.tech:hover{
          transform: scale(1.1);
    }

.contact{
    align-items: center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    flex-direction: column;
}