body {
  color: #000;
  /*background-color:#344955;*/
  background-color:#93B7BE;
  opacity:1;
  min-height:100%;
  position:relative;
  margin:0;
  width:100%;
}

* {
  box-sizing: border-box;
}

.dropdown-menu{
  background-color:#93B7BE;
  border-radius: 0;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}

#description-row{
  padding-bottom:10%;
  color:black;
}

#description{padding-top:8%;padding-left:5%;padding-right:5%;}
#image{padding-top:7%;}
#image p{text-align: right;}

.title, .section-title, .jumbotron :not(.post-content) p{
  font-family: 'Rock Salt', cursive;
  letter-spacing: 2px;
  margin-bottom:5%;
  line-height: 2em;
}

.section-title{
  margin-top:3%;
  color:black;
  font-size:150%;
  text-align: center;
}

p, h3, h5, h6, span, .navbar *{
  /*font-family: 'Raleway';*/
  font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
  letter-spacing: normal;
  line-height: 2em !important;
}

.navbar a { font-size:17px;}

#photo{
  text-align: center;
  display: block;
}

.jumbotron{
  width:95%;
  background-color: #ffc;
  -o-transform:rotate(-1deg);
  -webkit-transform:rotate(-1deg);
  -moz-transform:rotate(-1deg);
  padding-right:1rem !important;
  border-radius:0 !important;
  box-shadow:
  0 -1px 1px rgba(0,0,0,0.15),
  10px -10px 0 -5px #ffc,
  10px -10px 1px -4px rgba(0,0,0,0.15),
  20px -20px 0 -10px #ffc,
  20px -20px 1px -9px rgba(0,0,0,0.15),
  30px -30px 0 -15px #ffc,
  30px -30px 1px -14px rgba(0,0,0,0.15);
}

.squared{
  background-image: linear-gradient(#cccccc45 1px, transparent 1px), linear-gradient(90deg, #cccccc45 1px, transparent 1px);
  background-size: 20px 20px, 20px 20px, 2px 2px, 2px 2px;
}

.jumbotron :not(.post-content) p{
  font-size:15px;
  font-weight:900;
  margin-left:30px;
  margin-top: -10px;
}

.horizontal-grid {
  position:relative;
  background-size: 100% 50px;
  background-image: linear-gradient(to bottom,
                                    black 0%,
                                    transparent 1%);
                                    -o-transform:rotate(-1deg);
                                    -webkit-transform:rotate(-1deg);
                                    -moz-transform:rotate(-1deg);


}

i{
  padding:5px;
  color: black;
}

.fa-2x{font-size:1.5em !important;}
.fa-stack{
  display: table-cell !important;
}

#postit{
  margin-top:5%;
    padding-top:30px;
    padding-left:10px;
    padding-right:10px;
}

.notes .note{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:auto;
  width:90%;
  padding:1em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  margin:1em auto 1em auto;
  vertical-align:middle;
  -webkit-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -moz-transform:rotate(-1deg);
}
.notes .note h2{
  font-size:100%;
  font-weight:bold;
  padding-bottom:10px;
}
.website p, .job p{
  font-family:"Rock Salt",arial,sans-serif;
  font-size:90%;
  letter-spacing:1px;
  text-align:center;
  line-height:2em;
  margin-bottom:0px !important;
}
.job p{
  font-size:90%
}
.website p{
  font-size:80%;
}
.notes .note img{
  width:100%;
  height:auto;
  margin-bottom:5%;
  display:block;
  padding:1%;
}

.notes .note.website{
background:white; //ccf
}

.notes .note.job{
    background:#cfc;
}

.notes:nth-child(even){
  -o-transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
  -moz-transform:rotate(2deg);
  position:relative;
  top:5px;
}
.notes:nth-child(3n){
  -o-transform:rotate(-1deg);
  -webkit-transform:rotate(-1deg);
  -moz-transform:rotate(-1deg);
  position:relative;
  top:-5px;

}
.notes:nth-child(5n){
  -o-transform:rotate(3deg);
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  position:relative;
  top:-10px;
}

.topics, .technologies{
  text-align:center;
  margin-top:.5em;
}
.text-highlight {
  padding:1%;
  margin-right:2%;
  font-size:90%;
  border-radius: 1em 0 1em 0;
}
.topic{
  margin-bottom:1em;
  background-image:
    linear-gradient(-100deg,
      rgba(255,250,150,0.55),
      rgba(255,250,150,0.8) 100%,
      rgba(255,250,150,0.95)
    );
}
.tech{
  background-image:
    linear-gradient(-100deg,
      rgba(241, 199, 174, 0.55),
      rgba(241, 199, 174, 0.8) 100%,
      rgba(241, 199, 174, 0.95)
    );
}

#footer{
  margin:5em auto 1em auto;
}
#business-card{
  padding: 3em 2em 3em 3em;
  background-color: white;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}

#footer *{
  text-align:right;
  margin:auto;
  color: black;
}

.post-title{
  font-family:"Rock Salt",arial,sans-serif;
  font-size:90%;
  letter-spacing:1px;
  text-align:center;
  line-height:2em;
  margin-bottom:0px !important;
}

.post-content{
  margin:5%;
}
.post-date{
  text-align: right;
  display: block;
}


#blog-row .jumbotron{
  padding-top:2rem !important;
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
}

#blog a, #blog a:hover, .jumbotron a, .jumbotron a:hover{
  text-decoration: none;
  color:black !important;
}