/* pascal nation
by fable.nu */

#s-m-t-tooltip { 
    max-width:150px; 
    background:#eee; /*tooltip background*/
    padding:1px 6px 2px 6px; 
    z-index:999; 
    margin:20px;
}

body {
    background:#fff; /*background*/
    font-family: 'Karla', sans-serif;
    font-size:13px;
    line-height:180%;
    color:#474747; /*font color*/
    margin:0;
    padding:0;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
}

a {
    text-decoration:none; font-weight: bold;
    color:#474747; /*link color*/
}

::-webkit-scrollbar {
    width:17px;
    height:17px;
    background-color:rgb(255,255,255);
}

::-webkit-scrollbar-track {
    border:8px solid #fff; /*should be same color as ur bg*/
    background-color:#aaa; 
}

::-webkit-scrollbar-thumb {
    border:8px solid #fff; /*should be same color as ur bg*/
    background-color:#000; 
    min-height:24px;
    min-width:24px;
}

#content {
    height:100%;
    overflow:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:50px auto;
}

header {
    width:850px;
    padding:9px 50px 0px 50px;
    text-align:center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#name {
    font-family: Fredericka the Great;
    font-size:45px;
    color:#474747;
 text-shadow: 2px 2px #ccc;
}



#links { 
background-image: linear-gradient(to right,lightblue,pink);
 padding:25px; 
font-size: 18px; 
text-align: center;  text-shadow: 2px 2px 5px #ccc;
} 


#links a {
display:inline-block;
text-transform:uppercase;
font-weight:900; 
color: #fff;
margin-left:90px;
    
}

#links a:first-of-type {
    margin-left:0px;
}

#info {
    width:850px;
    margin-top:60px;
    column-count:2;
    column-gap:50px;
    padding:0px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.box {
    width:320px;
    break-inside:avoid; 
    display:inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top:50px;
    
}

.box2 {
    width:750px;

    
}

.line {
    position:relative;
    width:100%;
    height:1px;
    background:#474747;/*color of section label line*/
    margin-bottom:20px;
}

.line .label {
    position:absolute;
    font-weight:900;
    font-size:24px;
    background:#fff;/*should be the same color as your background*/
    margin-top:-12px;
    padding-right:10px;
    color:#474747; /*color of section titles*/
    font-family: 'Nunito Sans', sans-serif;
}

.text {
    text-align:justify;
}

#picture img{
    width:100%; 
    -moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
box-shadow: 10px 10px lightblue;

}


#sig img{
    width:30%; 

}

#quote {
    line-height:200%;
    font-size:15px;
    font-style:italic;
}

#source {
    font-size:12px;
    text-align:right;
    margin-top:10px;
}





table {
    margin:auto;
    width:100%;
    font-size:12px;
    font-family: Karla;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
th {
    font-weight:600;
    vertical-align:top;
    text-align:left;
    font-weight:900;
    width:100px;
}
 
td {
    padding-left:15px;
    text-align:right;
}

.phc a{
    text-align:center;
    background:#fff;
    position:fixed;
    right:25px;
    bottom:25px;
    font-size:11px;
    font-family:calibri;
    color:#000;
    line-height:100%;
    z-index:999;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:5px 8px 6px 8px;
}





.button {
  background-color: #fff; 
  transition-duration: 0.4s;
  height: 20px;
 padding: 10px;
 margin-top: 10px;
 font-size: 17px;
 background-image: linear-gradient(to right,lightblue,pink);
}

.button a { font-weight: bold;
  background-color: ; /* Green */
  color: white;
}


.button a hover {
  background-color: #000; /* Green */
  color: white;
}