* {
	/*box-sizing: border-box;*/
}

body{

	font-family: sans-serif;
	line-height: 1.5em;
	background: #0f7c77;
	font-size: 1em;
}

h1{
	margin: 20px;
	font-size: 3em;
	font-style: bold;
	margin-top: 60px;
}

.main{
	width: 80%;
	margin: 100px auto;
	padding: 50px;
}

.sketchThumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

div.sketchThumbs img {
  max-height: 150px;
  min-height: 75px;
}

ul{
	list-style: none;
}
 
ul li{
	color: #dadada;
}

a:link{
	color: #0000ff;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}



/*CSS for Pattern 3*/
	#row-pattern3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
  }

@keyframes colorchange {
  0%   {border-top-color: #0C7D76;}
  25%  {border-top-color: #00C9BC;}
  50%  {border-right-color: #00C9BC;}
  100% {background-color: #0C7D76;}
}
  .triangle-bottomleft {
      width: 0;
      height: 0;
      border-top: 80px double #0C7D76;
      border-right: 80px double #00C9BC;
      background: #d20cb4c7;
      animation-name: colorchange;
      animation-duration: 5s;
      animation-direction:alternate-reverse;
      animation-iteration-count: infinite;
    }

    .triangle-bottomleft:hover {
      width: 0;
      height: 0;
      border-top: 80px double #0C7D76;
      border-right: 80px double #00C9BC;
      background: #d20cb4c7;
      opacity: .8;
      -webkit-animation-play-state:paused;
      -moz-animation-play-state:paused;
      -o-animation-play-state:paused;
      animation-play-state:paused;
    }

/*CSS for Pattern 4*/ 
.circle {
      width: 87px;
      height: 25px;
      border-top: 42px double #127b96c7;
      border-bottom: 42px ridge #c92c61cf;
      border-radius: 25%;
      background: white;
    }   

  #background-layer-pattern4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content:center;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
  }  

  .bg-rect-p4 {
      width: 100%;
      height: 40px;
      background: #efde1b;
      margin-top: 10px;
      margin-left: 40px;
      margin-right: 60px;
      margin-bottom: 30px;
    }