/**
* Template Name: MyPortfolio
* Updated: May 30 2023 with Bootstrap v5.3.0
* Template URL: https://bootstrapmade.com/myportfolio-bootstrap-portfolio-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root{
  --heading-2-size-value: 1.8;
  --primaryGreen: #00A651;
  --primaryBlack: #000;
  --primaryWhite: #fff;
  --secondaryGreen: #8DC63F;
  --secondaryBlack: #000;
  --secondaryBrown: #524B48;
  --secondaryLightBrown: #88817F;
  --secondaryMagenta: #B42C91;
  --secondaryRed: #E95124;
  --secondaryOrange: #F4A31D;
  --secondaryBlue: #00B2C1;
  --secondaryWhite: #CECAC8;

  
  --h1a: 'Aktiv Grotesk Black';  
  --h1b: 'Aktiv Grotesk Black Italic';
  --h2a: 'Aktiv Grotestk SemiBold';
  --h2b: 'Aktiv Grotestk SemiBold Italic';
  --h3: 'Aktiv Grotesk Medium';
  --regularText: 'Aktiv Grotesk Regular';
  --AktivGroteskRegular: 'aktiv-grotesk';
  --Aktiv_Grotesk_Cd:'aktiv-grotesk-condensed';
  

}

body {
  margin-top: 50px;
  background: url("../img/bg.png") repeat 0 0;
  background-color: var( --primaryBlack);
  color: var( --primaryWhite);
  font-family: var( --AktivGroteskRegular), sans-serif; 
  font-weight: 400; 
  font-style: normal;

  font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem); /* 3rem */
  text-align: left;
}



a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #fff;
}

h1{
  font-family: var( --AktivGroteskRegular), sans-serif; 
  font-weight: 900; 
  font-style: normal;
}

h2,
h3,
h4,
h5,
h6,
.font-heading {
  /* font-family: "Raleway", sans-serif; */
}

.section {
  /* padding: 7rem 0; */
}

.tagline{
  font-family: var( --Aktiv_Grotesk_Cd), sans-serif; 
  font-weight: 800; 
  font-style: normal;
  font-size: 65px;
  line-height: 72px;
  text-align: left;
}

.contact{
  font-family: var( --Aktiv_Grotesk_Cd), sans-serif; 
  font-weight: 800; 
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
}

/* 
.form-control {
  border-radius: 0;
  background: #f8f9fa;
  border: 1px solid transparent;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.form-control:active,
.form-control:focus {
  background: #eff1f4;
  outline: none;
  box-shadow: none;
  border: 1px solid transparent;
}

.custom-progress {
  height: 7px;
  border-radius: 0;
}

.custom-progress .progress-bar {
  background: #000;
} */



/* Contact Form */
/* .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .error-message br+br {
  margin-top: 25px;
}

.php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}
*/

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}