@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/***********************/
/* Color declarations */
/**********************/

/* Light/Dark mode */
/* @media (prefers-color-scheme: light) {
  :root {
    --backgroundMain: #fff;
    --fontMain: #000;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --backgroundMain: #000;
    --fontMain: #fff;
  }
} */

:root {
  /* Primary colors */
  --titanOrange: #f07323;
  --azuriteBlue: #0a2341;
  --excaliburGray: #646464;
  /* Secondary colors */
  --onsen: #55ffbe;
  --fluorescentTurquoise: #00ffff;
  --hollandaise: #fff04b;
  --fluorescentred: #ff5055;
  --ultraberry: #6e008c;
  --frenchBlue: #006ebe;
}

/*********/
/* Fonts */
/*********/

@font-face{
  font-family: 'Montserrat', sans-serif;
}

p,a,ul,li,ol,h1,h2,h3,h4,h5,h6{
  font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h4,h5,h6{
  font-weight: 200; !important
}
a,p,ul,li,ol {
  font-weight: 500;
}
/****************/
/* Form Styling */
/****************/

form {
  position: relative;
  z-index: 1000;
}

/* Form title */
.form-title {
  
}

/* Input label */
form label {
  
}
/* Input Text ~box~ */
form input[type=text] {
  
}
/* Input Text ~placeholder~ */
form input[type=text]::placeholder {
  
}

/* Button */
form input[type=submit] {
  /*border: none;*/
/*   background: var(--titanOrange);
  border: var(--titanOrange) 1px solid;
  color: white; */
}
/* Button ~hover~ */
form input[type=submit]:hover {
  /*border: none;*/
/*   background: white;
  border: var(--titanOrange) 1px solid;
  color: var(--titanOrange); */
}
/* Button ~container~ */
form .actions {
  /*position: relative;
  display: inline-block;
  font-size: 1rem;
  padding: 0.625rem 2.1875rem;
  text-decoration: none;
  color: black;
  background-color: inherit;
  border: 1px solid var(--titanOrange);
  border-radius: 2.1875rem;
  cursor: pointer;*/
}
/* Button ~container::after psudo~ */
form .actions::after{
  /*content: "";
  position: absolute;
  display: block;
  left: 1.25rem;
  bottom: -0.0938rem;
  height: 0.185rem;
  width: 1.875rem;
  background: inherit;
  transition: width 0.5s ease-in;*/
}
/* Button ~container::after psudo hover~ */
form .actions:hover::after{
  /*width: 0;
  overflow: hidden;
  transition: width 0.5s ease-out;*/
}