@import url(https://fonts.googleapis.com/css?family=Lora&display=swap);


html, body {
    height: 100vh;
}

body {
font-family: 'Lora', serif;
color: #E8AD64;
font-size: 24px;
margin: 0px;
background-color: #001544;
}




.container {
    display: flex;
	justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: url(background.png) center center #001544 repeat-x;
}

.top {
    width: 100%;
    height: 400px;
    text-align: center;
}

.portalname {
    width: 100%;
}

.photobloglink {
    
}

a, a:active, a:visited {
font-family: 'Lora', serif;
padding: 0px 3px;
color: #001544;
font-size: 38px;
font-variant: small-caps; 
letter-spacing: 3px;
line-height: 280px;
text-shadow: 2px 2px 1px #818BBB;
text-decoration: none;
}

a:hover {
font-family: 'Lora', serif;
padding: 0px 3px;
color: #001544;
font-size: 100px;
font-variant: small-caps; 
letter-spacing: 3px;
line-height: 280px;
transition-duration: 1.2s;
text-shadow: 2px 2px 1px #818BBB;
text-decoration: none;
}