/*
Theme Name Grich Group
Theme URI httpswww.grich.live
Author Grich Group LLC
Author URI httpswww.grich.live
Description The New Architecture of Finance — Official Corporate Theme
Version 1.0.1
License GPLv2 or later
Text Domain grich-group
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap');

/* Tablets */

@media (max-width: 1200px) {
  #footer-text {display: none;}
}
@media (max-width: 768px) {
  .container { padding: 10px; }
  .menu { flex-direction: column;}
  #footer-text {display: none;}
  h1{font-size: 52px;}
  h2{font-size: 42px;}
  h3{font-size: 32px;}
}

/* Mobile */
@media (max-width: 480px) {
  body { font-size: 14px; }
  .buttons { width: 100%; }
  #footer-text {display: none;}
  h1 {font-size:42px;}
  h2 {font-size:32px;}
  h3 {font-size:22px;}
}

root {
    --grich-teal #00b8a9;
    --grich-yellow #f8d03e;
}

 { 
    transition-property color, background-color, border-color, text-decoration-color, fill, stroke; 
    transition-timing-function cubic-bezier(0.4, 0, 0.2, 1); 
    transition-duration 150ms; 
}

body{overflow-x: hidden;}
.grich-logo {
    font-family 'Space Grotesk', sans-serif;
    font-size 2.5rem;
    font-weight 600;
    letter-spacing -3px;
    color #00b8a9;
}
.grich-logo img{
    width: 180px;
    padding-right: 20px;
}
.text-2xl{
    font-size 2.5rem;
}
.nav-link {
    position relative;
}

.nav-linkafter {
    content '';
    position absolute;
    width 0;
    height 3px;
    bottom -2px;
    left 0;
    background-color #f8d03e;
}

.nav-linkhoverafter { 
    width 100%; 
}

.ecosystem-boxhover {
    transform translateY(-4px);
    box-shadow 25px 25px 0 -10px #f8d03e;
}