@font-face {
  font-family: "Caveat";
  src: url("fonts/Caveat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  src: url("fonts/OpenSans-Regular.ttf") format("truetype");
  font-display: swap; 
}

@font-face {
  font-family: "EduVIC";
  src: url("fonts/EduVICWANTBeginner-Regular.ttf") format("truetype");
  font-display: swap; 
}

@font-face {
  font-family: "AfacadFlux";
  src: url("fonts/AfacadFlux-Regular.ttf") format("truetype");
  font-display: swap; 
}

@font-face {
  font-family: "AfacadThin";
  src: url("fonts/AfacadFlux-Thin.ttf") format("truetype");
  font-display: swap; 
}

@font-face {
  font-family: "Aptos";
  src: url("fonts/Aptos.ttf") format("truetype");
  font-display: swap; 
}

@font-face {
  font-family: "Cormorant";
  src: url("fonts/CormorantGaramond-Regular.ttf") format("truetype");
  font-display: swap; 
}

@font-face {
  font-family: "AzeretMono";
  src: url("fonts/AzeretMono-Regular.ttf") format("truetype");
  font-display: swap; 
}

input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background-color: #4da3d4;
	font-size: 14px;
    font-family: calibri;
}

input[type=text]:focus {
    border-color:#333;
	background-color: #80bde0;
	font-size: 14px;
    font-family: calibri;
}

input[type=password] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background-color: #4da3d4;
	font-size: 14px;
    font-family: calibri;
}

input[type=password]:focus {
    border-color:#333;
	background-color: #80bde0;
	font-size: 14px;
    font-family: calibri;
}

input[type=submit] {
    background:#007bc1; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    font-size: 14px;
    font-weight:600;
    font-family: AfacadFlux,Calibri,Arial,san-serif;
}

:hover, .active, .active:hover, input[type=submit]:hover {
  background-color: #80bde0 !important;
  border: 3px;
  border-radius: 4px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: calibri;
}

a:focus {
	all: unset;
}

a:hover {
	all: unset;
}

.engraved-text {
  background-color: #222222;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 3px 5px 1px rgba(245, 245, 245, 0.5);
}