/* Main setup */

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #0BD0BB;
    font-size: 1.4em;
}

div.row h1 {
    margin-bottom: 50px;
}

/* Navbar */

nav.navbar {
    border: 0px;
    background-color: #0BD0BB;
    /*rgba(34, 34, 34, 0.75);*/
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
    color: #555;
}


/* Header (first page) */

header {
    margin-top: 50px;
    height: 650px;
    color: #fff;
    text-shadow: 1px 1px 2px black;
    background: linear-gradient(#0BD0BB, transparent 75%), linear-gradient(0, #FF740D, transparent), #222 url('../images/coffee-laptop-small.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

h1, h2, h3, h4, h5{
    font-family: 'Ubuntu', sans-serif;
}
header h1 {
    margin-top: 20%;
    font-size: 6em;
    text-decoration: none;
}

h1 {
	font-size: 3em;
    text-decoration: underline;
}


/* Sections */

.section {
    padding-top: 10%;
    padding-bottom: 10%;
    min-height: 680px;
    color: #fff;
    font-size: 1.2em;
}
.section .container {
    /*background-color: rgba(0, 0, 0, 0.3);*/
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.section .container p,
.section .container h1,
.section .container h2,
.section .container h3{
    /* text-shadow: 1px 1px 1px black; */
}

.nav>li>a>img {
    margin: 0px;
}

.container img {
    margin-top: 20px;
    margin-bottom: 20px;
}
.container i {
    margin-top:40px;
    color:#fff;
    text-shadow: 1px 1px 0px #000,
     1px -1px 0px #000,
     -1px 1px 0px #000,
     -1px -1px 0px #000;
     margin-right: 3px;
     margin-left: 3px;
}

#aboutMe.section {
    background-color: #FF740D;
    background: linear-gradient( #FF740D, transparent 65%), linear-gradient( 0deg, #1D6AD5, transparent), url('../images/batman.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#whatido.section {
    background-color: #1D6AD5;
    background: linear-gradient( #1D6AD5, transparent 50%), linear-gradient( 0deg, #FF6C00, transparent), url('../images/4-small.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#contact.section {
    background-color: #FF6C00;
    min-height: 640px;
    background: linear-gradient( #FF6C00, transparent 65%), linear-gradient( 0deg, #FF6C00, transparent), url('../images/map.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#projects.section {
    background-color: #FF6C00;
    background: linear-gradient( #FF6C00, transparent 65%), linear-gradient( 0deg, #FF6C00, transparent), linear-gradient( 0deg, #FF6C00, transparent);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#projects.section a{
    color: white;
}
.socialButtons ul{
	margin-top: 20px;
}
.socialButtons li{
	margin-top: 5px;
}

.fa-freecodecamp {
    background-image: url("./../images/fcc.svg");
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: center center;
}
.btn-freecodecamp {
    color: #fff;
    background-color: #006400;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-freecodecamp:focus,
.btn-freecodecamp.focus {
    color: #fff;
    background-color: #004800;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-freecodecamp:hover {
    color: #fff;
    background-color: #004800;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-freecodecamp:active,
.btn-freecodecamp.active,
.open>.dropdown-toggle.btn-freecodecamp {
    color: #fff;
    background-color: #004800;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-freecodecamp:active:hover,
.btn-freecodecamp.active:hover,
.open>.dropdown-toggle.btn-freecodecamp:hover,
.btn-freecodecamp:active:focus,
.btn-freecodecamp.active:focus,
.open>.dropdown-toggle.btn-freecodecamp:focus,
.btn-freecodecamp:active.focus,
.btn-freecodecamp.active.focus,
.open>.dropdown-toggle.btn-freecodecamp.focus {
    color: #fff;
    background-color: #006400;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-freecodecamp:active,
.btn-freecodecamp.active,
.open>.dropdown-toggle.btn-freecodecamp {
    background-image: none
}
.btn-freecodecamp.disabled,
.btn-freecodecamp[disabled],
fieldset[disabled] .btn-freecodecamp,
.btn-freecodecamp.disabled:hover,
.btn-freecodecamp[disabled]:hover,
fieldset[disabled] .btn-freecodecamp:hover,
.btn-freecodecamp.disabled:focus,
.btn-freecodecamp[disabled]:focus,
fieldset[disabled] .btn-freecodecamp:focus,
.btn-freecodecamp.disabled.focus,
.btn-freecodecamp[disabled].focus,
fieldset[disabled] .btn-freecodecamp.focus,
.btn-freecodecamp.disabled:active,
.btn-freecodecamp[disabled]:active,
fieldset[disabled] .btn-freecodecamp:active,
.btn-freecodecamp.disabled.active,
.btn-freecodecamp[disabled].active,
fieldset[disabled] .btn-freecodecamp.active {
    background-color: #006400;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-freecodecamp .badge {
    color: #006400;
    background-color: #fff
}

footer {
    background-color: #0BD0BB;
    min-height: 40px;
}
footer p{
	margin-top: 10px;
}
/* Link style */
p>a {
	color:#0BD0BB;
	text-decoration: underline;
}
p>a:hover{
	color:#ddd;
}
p>a:active,
p>a:focus{
    color:#ccc;
}

p>a[href^="http://"]:after,
p>a[href^="https://"]:after {
  content: "\f08e";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 3px;
  font-size: 0.7em;
}

/* Palette URL: http://paletton.com/#uid=73f0q0kujLrPvpLMVB+mvL2dGOA */


/* Feel free to copy&paste color codes to your application */


/* As hex codes */

.color-primary-0 {
    color: #0BD0BB
}


/* Main Primary color */

.color-secondary-1-0 {
    color: #1D6AD5
}


/* Main Secondary color (1) */

.color-secondary-2-0 {
    color: #FFA40D
}


/* Main Secondary color (2) */

.color-complement-0 {
    color: #FF740D
}


/* Main Complement color */


/* As RGBa codes */

.rgba-primary-0 {
    color: rgba( 11, 208, 187, 1)
}


/* Main Primary color */

.rgba-secondary-1-0 {
    color: rgba( 29, 106, 213, 1)
}


/* Main Secondary color (1) */

.rgba-secondary-2-0 {
    color: rgba(255, 164, 13, 1)
}


/* Main Secondary color (2) */

.rgba-complement-0 {
    color: rgba(255, 116, 13, 1)
}


/* Main Complement color */


/* Generated by Paletton.com © 2002-2014 */


/* http://paletton.com */