@charset "UTF-8";

body {
	background-color: rgb(119,136,153);
}

h1 {
	font-family: "MaticsStencil";
	color: rgb(0,255,0);
}

h2 {
	font-family: "MaticsStencil";
	
}

h3 {
	font-family: "MaticsStencil";
	
}

img {
	padding: 10px;
	border: 1px solid #000;
    border-radius: 50%;
}

.box {
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-family: "MaticsStencil";
}

.donat {
	font: small-caps bold 16px/1 sans-serif;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;    
	width:25%;
    float: center;
    height: 100%;
    overflow: auto;
    text-align: center;
}

li a {
    border: 1px solid #5c3566;
    background: linear-gradient(180deg, #00FFFF, #1E90FF);
    display: block;
    color: white;
    padding: 8px 16px;
    margin-bottom: 2px;
    text-decoration: none;
}

li a.active {
    background: #0000CD;
    color: white;
}

li a:hover:not(.active) {
    background: #FF4500;
    color: white;
}

@font-face {
  font-family: "MaticsStencil"; 
  src: url("./Matics_Stencil.ttf") format("truetype"); 
  font-style: normal; 
  font-weight: normal; 
}