@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding');
@import url('https://fonts.googleapis.com/css?family=Silkscreen');

/* html { height: 100%; }
body { height: 50%; } */

body { background-color: white; background-image:url('images/bg.png'); color: #4bb8d7; font-family: 'Nanum Gothic Coding'; font-size: 15px; padding:25px 25px 25px 25px; cursor: url('images/cursor'), auto;	}
body a, .nav-link { color: #66d9e7; text-decoration: underline; }
body a:hover, body a:active, body a:focus, .nav-link:hover, .nav-link:focus { color: #87d6ec; text-decoration: none; }
h1, h2, h3, h4 { font-family: 'Silkscreen'; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
p { margin: 0; padding: 0; }

.hover-content{ transition: .3s; }
.hover-content:hover { transform: scale(1.05); }
.text-highlight { color: #66d9e7; }
.row { justify-content: center; }
.box { border-width:5px; border-style: solid; border-image: url("images/border.png") 7 fill round; box-sizing: border-box; padding: 15px; margin: 15px; }
.pagedoll { position: sticky; bottom:10px; right:10px; }

.main { position: relative; top: 50%; margin: auto; }