body{
    box-sizing: border-box;
/*    padding: 25px;*/
/*    margin:  15px;*/
    color: white;
    background: var(--primary3);
    font-size: 20px;
    text-align: center;
}

:root {
  --primary0: rgba( 34,102,102,1);   /* Main Primary color */
  --primary1: rgba( 22,206,206,1); 
  --primary2: rgba( 23,157,157,1); 
  --primary3: rgba( 25, 49, 49,1); 
  --primary4: rgba( 16, 24, 24,1); 
}

/* Palette URL: http://paletton.com/#uid=13i0u0kllllsCLErgxmfqaeay57 */

/* As hex codes */

/*.color-primary-0 { color: #226666 }
.color-primary-1 { color: #16CECE }
.color-primary-2 { color: #179D9D }
.color-primary-3 { color: #193131 }
.color-primary-4 { color: #101818 }*/



/* As RGBa codes */

/*.rgba-primary-0 { color: rgba( 34,102,102,1) }
.rgba-primary-1 { color: rgba( 22,206,206,1) }
.rgba-primary-2 { color: rgba( 23,157,157,1) }
.rgba-primary-3 { color: rgba( 25, 49, 49,1) }
.rgba-primary-4 { color: rgba( 16, 24, 24,1) }*/
/* Generated by Paletton.com © 2002-2014 */


.center {
  text-align: center;
}

.projects{ 
  display: inline-block; 
  text-align: center;
  width:90%;
}

.project{
  display: inline-block; 
  border: solid;
  border-radius: 10px;
  border-color: var(--primary2);
  padding: 5px;
  width: 60%;
  background-color: var(--primary3);
  margin-bottom: 5px;

}

.project-description{
/*  text-align: left;*/
  padding-left: 30px;
  font-size: 20px;
}

.project-title{
  text-align: left;
  text-decoration: underline #167DBF;
  text-decoration-thickness: 2px;
  font-size: 25;
}


.project-page{
  float: left;
  color: var(--primary2);
}

.project-source{
/*  color: #64BDB1;*/ 
  float: right;
/*  font-size:10px;*/
  color: var(--primary2);
/*  padding-left: 5px;*/
}

.title{
  font-size: 30px;
}

.bottom-page{
  position: fixed;
  bottom: 0;
}

a:link {
/*  color: red;*/
}

/* visited link */
a:visited {
/*  color: green;*/
}

/* mouse over link */
a:hover {
/*  color: hotpink;*/
}

/* selected link */
a:active {
/*  color: blue;
}