:root {
  --yellow: #ffd090;
  --brown: #382b00;
  --green: #79e0cf;
  --pink: #e07ab3;
  --purple: #716cb0;
  --black: #000;
  --white: #fff;
}
body{height:100%;background:var(--yellow);font-family:'Source Sans Pro', sans-serif; font-size:18px; color:var(--brown);letter-spacing:0.5px;}
#header {position:absolute; top:0px; left:0px; width:100%; background-color:var(--brown);line-height:80px;text-align:center;font-family: 'Oswald', sans-serif;font-size:60px;color:var(--green); letter-spacing:3px;}
#linkity{position:relative; top:-30px}
#box1{margin:0 auto; margin-top:142px; width:800px;padding:26px;background-color:var(--yellow);font-size:16px;line-height:22px;height:100%;}
#box2{position:relative;margin-bottom:16px;width:556px;}
#box3{position:relative;float:right;width:200px;}
#foot{clear:both;text-align:center;font-size:11px;}
h1{display:block;border-right: 10px solid var(--pink);font-family:'Source Sans Pro';font-size:22px;line-height:22px;font-weight:bold;background-color:var(--brown);letter-spacing:1px;padding:6px;color:var(--green)}
a{text-decoration:none;color:var(--purple);font-weight:bold}
a:hover{background-color:var(--green);color:var(--brown);font-weight:bold}
a.linkit{display:inline-block;width:120px;font-size:16px;color:var(--pink);text-transform:uppercase;line-height:16px;letter-spacing:2px;padding:10px;border:2px var(--pink) solid;}
a.linkit:hover, a.longan:active{background-color:var(--yellow);color:var(--purple);border-color:var(--yellow);-o-transition:0.3s;-ms-transition:0.3s;  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s;}
textarea{width:100%}