@font-face
{
	font-family: "lucida";
	src: url("./fonts/Lucida-regular.ttf");
}

@font-face
{
	font-family: "lucida-bold";
	src: url("./fonts/Lucida-bold.ttf");
}

@font-face
{
    font-family: "symbola";
    src: url("./fonts/Symbola.ttf");
}

:root
{
	--black-color: #000000;
	--white-color: #FFFFFF;
	--blood-color: #B30E08;
	--gold-color: #FFDD43;
	--green-color: #008C27;
	--orange-color: #FF8000;
	--blue-color: #0000FF;
	--indigo-color: #3B059F;
	--font-lucida: "lucida";
	--font-lucida-bold: "lucida-bold";
	--font-symbola: "symbola";
}

*,
*::after,
*::before
{
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

body
{
    background-color:  var(--white-color);
    font-family: var(--font-lucida);
}

/*
Home section
*/

.home__logo
{
    width: 36vw;
    margin: 4.5rem auto;
}

.home__logo-img
{
    width: 90%;
}

.home__hero-text
{
    text-align: center;
    margin: 3rem auto;
}

.mission
{
    font-size: 1.8rem;
    color: var(--black-color);
    font-family: var(--font-lucida);
}

.science
{
    color: var(--green-color);
    text-decoration: underline;
}

.by
{
    display: flex;
    justify-content: space-around;
    margin: 3rem auto;
}

.upc a
{
    font-size: 1.8rem;
    cursor: pointer;
    text-decoration: none;
    color: var(--green-color);
}

.upc a:visited,
.upc a:hover	 
{
    color: var(--green-color);
    text-decoration: underline;
    background-color: var(--white-color);
}

.mail
{
    font-size: 1.5rem;
    margin: 3rem auto;
    color: var(--blood-color);
    text-decoration: underline;
}

/*
Media queries for devices < 1200px 
*/
@media all and (max-width: 1200px) 
{
    .home__logo
    {
	width: 54vw;
    }
}