* {
	box-sizing: border-box;
	font-size: 18px;
}
body {
	background:linear-gradient(black, gray);
    margin: 0px;
    height: 100vh;
    overflow: hidden;
}

.top-borders {
	width: 100%;
	height: 25px;
	border-top: 1px solid rgba(75, 75, 75, 0.8);
	border-bottom: 1px solid rgba(0, 0, 0, 0.75);
	margin-top: 30px;
}

.left-borders {
	position: fixed;
	left: 30px;
	top: 0px;
	width: 25px;
	height: 100%;
	border-left: 1px solid rgba(75, 75, 75, 0.8);
	border-right: 1px solid rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 10px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 10px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.site {	
	font-size: 10vh;
color: rgb(191, 180, 180);
top: 56px;
right: calc( 50% + 30vh );
position: fixed;
z-index: 1;
text-align: left;
}
.logo{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50%;
	transform: translate(-50%, 0);
	height: calc( 100% - 110px - 20px );
	min-height: 200px;
}
.name {
	font-size: 10vh;
	color: rgb(30, 30, 30);
	top: 65vh;
	left: calc( 50% + 30vh );
	position: fixed;
	z-index: 1;
	text-align: right;
}
.footer {
	font-size: 1em;
	color: rgb(30, 30, 30);
	bottom: 56px;
	right: 62px;
	position: absolute;
	z-index: 1;
	text-align: right;
}
.right-borders {
	position: fixed;
	right: 30px;
	top: 0px;
	width: 25px;
	height: 100%;
	border-right: 1px solid rgba(75, 75, 75, 0.8);
	border-left: 1px solid rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: -10px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -10px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: -10px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.bottom-borders {
	margin-bottom: 30px;
	width: 100%;
	height: 25px;
	border-bottom: 1px solid rgba(75, 75, 75, 0.8);
	border-top: 1px solid rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px -10px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px -10px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px -10px 5px 0px rgba(0, 0, 0, 0.25);
}
.left-borders:before,
.right-borders:after {
	content:"";
	position: absolute;
	width:0px;
	height: 100%;
	margin-left:-5px;
	border-left: 1px solid rgba(255, 255, 255, 0.75);
	border-right: 1px solid rgba(144, 144, 144, 0.75); 
}
.left-borders:after,
.right-borders:before {
	content: "";
	position: absolute;
	width: 0px;
	height: 100%;
	margin-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.75);
	border-right: 1px solid rgba(141, 141, 141, 0.75);
}
.top-borders:before,
.bottom-borders:after {
	content:"";
	position: absolute;
	width: 100%;
	height: 0px;
	margin-top:-5px;
	border-top: 1px solid rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid rgba(144, 144, 144, 0.75); 
}
.top-borders:after,
.bottom-borders:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0px;
	margin-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid rgba(141, 141, 141, 0.75);
}