/*
Custom CSS
Tilføj dine egne brugerdefinerede stilarter her
*/

.logo{
    border: 3px solid var(--color-dark);
    padding: var(--space-sm) var(--space-md)var(--space-md) var(--space-md);
    line-height: 0.5;
    margin-left: var(--space-sm);
}
.navicon{
    min-width: 72px;
    margin-right: var(--space-sm);
}

.responsive-heading {
  font-size: clamp(5rem, 12vw, 32rem); /* Justér værdierne efter behov */
  font-weight: bold;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--color-primary);
  line-height: 1;
  margin-top: var(--space-xxxl);
}

.navicon:hover {
  -webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both
}

.rotate-center{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}
@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}