p {
	text-align: center,justify;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings: "width" 100;
}

.fade-in-text {
	animation: fadeIn 5s;
}

img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.logo-td {
	padding-right: 20%;
}

.main-td {
	padding-left: 5%;
	padding-right: 30%;
	font-family: "Montserrat";
	font-size: 20px;

}

a:link {
	color: black;
}

a:visited {
	color: red;
}

h2 {
	color:	white;
	font-size: 30px;
	font-weight: bold,strong;
}
h5 {
	color: white;
	font-weight: bold, strong;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.loading {
  width: 100;
  height: 100;
  border-radius: 50%;
  border: 10px solid #ddd;
  border-top-color: orange;
  animation: loading 1s linear ;
}

@keyframes loading {
  to {
    transform: rotate(360deg);
  }
}

.hideMe {
  animation: fadeOut 3s forwards;
}