/* MOBILE */
@media screen and (orientation: portrait){
    .header-nav-link{
        display: none;
    }
    .slide-bottom{
        -webkit-animation: none;
	      animation: none;
    }
}
@media screen and (orientation: landscape){
  #header-dropdown{
    display: none;
  }  
  .hamburger{
    margin-block: auto;
    display: none;
  }
}

/* GLOBAL */

.news{
  margin-inline: auto;
  max-width: 720px;
  text-align: left;
  border-block: 2px solid grey;
  img{
    display: block;
    max-width: 700px;
  }
}

a{
  color:currentColor;
}

#members{
  color:black;
  display:block;
  @media (prefers-color-scheme: dark) {
    color: white;
  }
  .row{
    display:flex;
    }
}

.home-section{
  margin-block: 8px;
  margin-inline: auto;
  max-width: 720px;
}

.profile{
  
  border: 2px solid grey;
  flex:1;
  table{
    text-align:left;
    width:100%;
    td{
      border-top: 2px solid grey;
    }
  }
  img{
    user-select: none;
    width:100px;
    height: 100px;
  }
}
.icon-nav{
  width:100%;
  text-align: center;
  a{
    text-decoration: none;
    svg{
      width: 32px;
      height:32px;
    }
    color: black;
    @media (prefers-color-scheme: dark) {
        color: white;
    }
  }
}

.hamburger{
  color: black;
  @media (prefers-color-scheme: dark) {
    color: white;
  }
}

.hidden{
    display: none;
}

body{
    margin:0;
    text-align: center;
    font-size: medium;
    font-family: 'Helvetica', 'Arial', sans-serif;
    color: black;
    background-color: whitesmoke;

    @media (prefers-color-scheme: dark) {
        color: white;
        background-color: #161616;
    }
}

.footer{
  padding-block: 12px;
  text-align: left;
    color: white;
    background-color: #161616;
    a{
      color:currentColor;
      font-weight: bold;
      text-decoration: none;
    }
    @media (prefers-color-scheme: dark) {
        background-color: black;
    }
}

.header{
    align-items: center;
    width:100%;
    position: fixed;
    z-index: 1;
    background-color: white;
    box-shadow: 0px 5px 2.5px grey;
    @media (prefers-color-scheme: dark) {
        background-color: black;
    }
}

.logo{
    filter: brightness(0%);

    @media (prefers-color-scheme: dark) {
        filter: brightness(100%);
    }
}

.half-rotate{
  -webkit-animation: rotate-center 0.75s ease-in-out 0.5 reverse both;
	        animation: rotate-center 0.75s ease-in-out 0.5 reverse both;
}

#header-nav-logo{
    height: 64px;
}

#header-nav{
    width: 100%;
    display: flex;
    a{
      margin-block: auto;  
      flex:auto;
        text-decoration: none;
        color: black;
        @media (prefers-color-scheme: dark) {
            color: white;
        }
    }
}

#header-dropdown-menu{
  padding-block: 4px;
  color: black;
  background-color: rgb(235, 235, 235);
  z-index: 2;
  a{
    text-decoration: none;
    color:currentColor;
    display: block;
  }
  @media (prefers-color-scheme: dark) {
        color:white;
        background-color: rgb(66, 66, 66);
    }
}

#main-image{
  user-select: none;
}

#main-logo{
    width:50%;
}

.main{
    padding-top: 100px;
}


/* ANIMATION */

/* ----------------------------------------------
 * Generated by Animista on 2025-8-28 21:32:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slide-bottom {
	-webkit-animation: slide-bottom 0.5s ease-out both;
	        animation: slide-bottom 0.5s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-8-29 10:45:50
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-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);
  }
}