* {
  box-sizing: border-box;
}

:root {
  --maincolor: #020202;
  --actioncolor:#eff9f0;
  --lowcontrastonmain: #c1c1c1;
  --colortext: #3d3d3d;
  --back-color: #fff;

  
	
}

body {
  
  font-family: 'Inter', sans-serif;
  margin: 0px;
  font-size: 16px;
}

h1 {font-size: 48px;  font-weight:600;       word-break: break-word; margin: 0;}
h2 {font-size: 30px; font-weight: 500;       word-break: break-word; margin: 0;}
h3 { font-size: 16px; font-weight: 800; margin: 0;}


.container {
    width: 100%;
    max-width: 1080px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    position: relative;
}
a  {    text-decoration: none;color:inherit;}
a:hover {color:inherit;}
a:visited {color:inherit;}
a:active {color:inherit;}




::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #eae5e5;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #0d2134; 
	background: linear-gradient( 
199deg
 , #252d3d 0%, #171c26 100%);
 border-radius: 15px;
	  border: 2px solid #f1f1f1;  /* creates padding around scroll thumb */


}

.textunderh2 {
    color: var(--colortext);
}
.verylargespace {height: 100px; width: 100%;}
.largespace {height: 50px; width: 100%;}
.space {height: 20px; width: 100%;}
.smalspace {height: 10px; width: 100%;}
.verysmalspace {height: 5px; width: 100%;}