/*--------------------------------------------------------------------------------------------------- base files start*/
/*----------------------------------------------------------------------------------------------------- base files end*/
/*------------------------------------------------------------------------------------------------------- styles start*/
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700|Roboto:400,700&display=swap");
h1, h2, h3, h4, h5 {
  font-family: "Crimson Text", serif;
  font-weight: 600;
}

p, ol, ul, input, textarea, button, a, label {
  font-family: "Roboto", sans-serif;
}

:root {
  --stored-text-size: 1.1vw;
  --base-text-size: var(--stored-text-size);
}
@media (max-width: 1050px) {
  :root {
    --base-text-size: calc(var(--stored-text-size)*1.5);
  }
}
@media (max-width: 640px) {
  :root {
    --base-text-size: calc(var(--stored-text-size)*2.5);
  }
}

.btn1 {
  cursor: pointer;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: none;
  box-shadow: 0 0 3px 1px black;
  transition: 0.1s;
  border-radius: 1px;
  background-color: orange;
}

.btn1:hover {
  box-shadow: 0 0 2.5px 1px black;
  transition: 0.1s;
  transform: scale(1.015);
}

.btn1:focus {
  outline: none;
}

.btn1:active {
  box-shadow: 0 0 1px 1px black;
  transition: 0.01s;
  transform: scale(0.99);
}

.btn2 {
  cursor: pointer;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: none;
  box-shadow: 0 0 3px 1px black;
  transition: 0.1s;
  border-radius: 360px;
}

.btn2:hover {
  box-shadow: 0 0 2.5px 1px black;
  transition: 0.1s;
  transform: scale(1.015);
}

.btn2:focus {
  outline: none;
}

.btn2:active {
  box-shadow: 0 0 1px 1px black;
  transition: 0.01s;
  transform: scale(0.99);
}

input, textarea {
  border: none;
  box-shadow: 0 0 1px 0.5px black;
  transition: 0.5s;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

input:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 3px 1px black;
  transition: 0.5s ease-in-out;
}

/*--------------------------------------------------------------------------------------------------------- styles end*/

/*# sourceMappingURL=dynamic.css.map */