* {
  box-sizing: border-box;
}

:root {
  --maincolor: white;
  --actioncolor:#481930;
  --secondarycolor: #193548;
  --thirdcolor: #304228;
  --bgcolor: #FFFFF2;
  --colortext: #051622;
  --whitetext: white;


  
	
}

body {
  
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  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 */


}


.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%;}