@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html *{
  font-family: 'Poppins', sans-serif;
}

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  text-align: justify;
}

a{
  color: #9BC6CF;
}

a:hover {
  color: #9BC6CF;
}

a:active {
  color: #4C818F;
}

.shadow{
  text-shadow: 1px 1px 3px #000000;
}

h4{
  text-align: center;
}

h2{
  font-weight: bold;
}

h2, h4{
  color: #4C818F;
}

.site-logo{
    height: 50px;
}


.jumbotron {
  background: url("img/bigred.jpg")center center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  color: white;
  min-height: 600px;
}

.welcome{
  width: 75%;
  margin: 0 auto;
  padding-top: 2rem;
}

.welcome hr {
  border-top: 2px solid #b4b4b4;
  width: 75%;
}

.page-footer{
  background-color: #9BC6CF;
  color: white;
 }

.page-footer a{
  color: white;
  text-shadow: 1px 1px 3px #000000;
 }

 .page-footer h5{
  color: #4C818F;
 }

 .fa-envelope, .fa-twitter, .fa-github, .fa-linkedin{
  text-shadow: 1px 1px 2px #000000;
 }

/*---About page --*/
.about{
  
  color: black;
}

.profile-cover {
  width: 100%;
  height: 100%;
}

.profile-photo {
  width: 400px;
  height: 400px;
  border-radius: 200px;
}


/*---Projects Page Specific --*/
.card-subtitle{
  font-size: 16px;
  font-weight: bold;
  color: #4C818F;
}

.card{
  background-color: #f8f9fa;
  padding-top: 2rem;
}

.fa-spotify{
  color: #1DB954;
}

.fa-reddit{
  color: #FF5700;
}

.fa-headphones{
  color: #000000;
}

.fa-windows{
  color: #00a2ed;
}


#solidworks-card{
  height: 10em;
  width: 10em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.fa-bootstrap{
  color: #553C7B;
}

.fa-spotify, .fa-reddit, .fa-headphones, .fa-windows, .fa-bootstrap{
  font-size: 10em;
  text-align: center;
}


/*---Resume Page Specific --*/
p.rescontact{
  display: block;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  text-align:right;
}

p.skills{
  text-align: center;
}

p.dates{
  text-align: right;
  color: #4C818F;
}

.rescontact a{
  color: #4C818F;
  text-decoration: underline;
}

hr.resume{
  border-top: 2px solid #CBEEF3;
  width: 50%;
}

hr.skills{
  border-top: 2px solid #CBEEF3;
  width: 75%;
}

.alert{
  margin: auto;
  width: 50%;
  padding: 0px;
}

.resume-header{
  background: #9BC6CF;
  margin: 10px 0px 20px;
}

.resume-footer{
  background: #9BC6CF;
  margin: 0px;
}
.company{
  font-weight: bold;
  color: #4C818F;
}

.compdescription{
  font-style: italic;
}

p.education{
  padding: 0px 0px 20px 0px;
  margin: 0px;
}

h5.education{
  color: #4C818F;
  padding: 0px;
  margin: 0px;
}


/*---Media Queries --*/
@media (max-width: 992px) {

  }
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}





/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

Site Colours: 
Lightblue: #9BC6CF;
Midblue: #CBEEF3;
Darkblue: #4C818F;
Vermillion: #FF7151;
Navbarwhite: #f8f9fa;
Navbardark: 343a40;


*/