body {
  font-family: "Roboto", serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
}

body.dark {
  background-color: #233160;
  color: #ffffff;
}

body.light {
  background-color: #ffffff;
  color: #757575;
}

a {
	transition: all 0.25s ease-in-out;
	cursor: pointer;
	text-decoration: none;
}

svg {
	transition: all 0.25s ease-in-out;
	cursor: pointer;
}

a:link, a:visited {color: #3882c4;text-decoration: none;}
body.dark a:hover, a:focus, a:active {color: #ffffff;text-decoration: none;}
svg:hover {fill: #ffffff;}
svg:hover path {fill: #ffffff;}
svg:hover plygon {fill: #ffffff;}
svg:hover circle {fill: #ffffff;}
svg:focus {fill: #ffffff;}
svg:focus path {fill: #ffffff;}
svg:focus plygon {fill: #ffffff;}
svg:focus circle {fill: #ffffff;}
svg:active {fill: #ffffff;}
svg:active path {fill: #ffffff;}
svg:active plygon {fill: #ffffff;}
svg:active circle {fill: #ffffff;}

body.light a:hover, a:focus, a:active {color: #233160;text-decoration: none;}

.cover-container {
  max-width: 1000px;
}

img.logo {
  padding: 25px 30px 25px 30px;
}

p.name{
  font-size: 18px;
  padding: 10px 30px 0 30px;
}

p.intro {
  padding: 10px 30px 10px 30px;
}

p.contact {
  padding: 10px 30px 0 30px;
}

p .contact-left {
  margin-right: 15px;
}

p .contact-right {
  margin-left: 15px;
}

footer p {
  font-size: 14px;
  color: rgba(0,0,0,0.50)
}

.dark footer p {
  color: rgba(255,255,255,0.3)
}

.light footer p {
  color: rgba(0,0,0,0.3)
}

@media (max-width: 767px) {
body.dark, body.light {
  font-size: 14px;
}

p .contact-left {
  margin-right: 10px;
}

p .contact-right {
  margin-left: 10px;
}

footer p {
  font-size: 12px;
}
}