/*
    Theme Name: Maxim
    Theme URL: https://bootstrapmade.com/maxim-free-onepage-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

/*
===========================
CONTENTS:

01 General
02 Typography
03 Non-semantic
04 Navbar
05 Page sections
06 Footer
07 Icons
08 Buttons
09 Media queries
===========================
*/
/* Import css */
/* Google font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Oxygen+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('bootstrap.css');
@import url('all.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/tomorrow-night-bright.min.css');

/* =========================================================
01. General
============================================================ */

div, article, section, header,  nav, li {
	position:relative;
}

body {
	background:#343a40;
	color: #444;
	font-family: 'Roboto', sans-serif;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #000000;
}
footer a {
	color: #ffffff;
}

a.instagram:hover {
	color: #5851DB;
}
a.instagram {
	color: #C13584;
}
a.twitter {
	color: #1DA1F2;
}
a.twitter:hover {
	color: #FFFFFF;
}
a.linkedin {
	color: #0077B5;
}
a.linkedin:hover {
	color: #FFFFFF;
}
a.facebook {
	color: #3C5A99;
}
a.facebook:hover {
	color: #FFFFFF;
}
a.youtube {
	color: #FF0000;
}
a.youtube:hover {
	color: #FFFFFF;
}
