|
|
|
|
@ -11,6 +11,7 @@
|
|
|
|
|
<meta content="Private Homepage" name="page-type">
|
|
|
|
|
<meta content="en" http-equiv="content-language">
|
|
|
|
|
<meta content="index, follow" name="robots">
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=0.8,maximum-scale=0.8,user-scalable=0">
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:100';
|
|
|
|
|
@ -31,16 +32,16 @@
|
|
|
|
|
table {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin: auto;
|
|
|
|
|
width: calc(100% - 50px);
|
|
|
|
|
max-width: 600px;
|
|
|
|
|
width: calc(100% - 2rem);
|
|
|
|
|
max-width: 40rem;
|
|
|
|
|
background-color: #1f262b;
|
|
|
|
|
box-shadow: 3px 3px 10px #333;
|
|
|
|
|
border: 2px solid #fff;
|
|
|
|
|
border-collapse: separate;
|
|
|
|
|
border-spacing: 2px;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
border-radius: 0.75rem;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 15pt;
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
font-family: "Roboto", regular, sans-serif;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -51,7 +52,6 @@
|
|
|
|
|
|
|
|
|
|
th {
|
|
|
|
|
margin: auto;
|
|
|
|
|
border: 0px solid #aaa;
|
|
|
|
|
background-color: #546E7A;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
@ -59,22 +59,21 @@
|
|
|
|
|
|
|
|
|
|
td {
|
|
|
|
|
margin: auto;
|
|
|
|
|
border: 0px solid #aaa;
|
|
|
|
|
background-color: #37474F;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.left, th.left {
|
|
|
|
|
border-radius: 8px 0px 0px 8px;
|
|
|
|
|
border-radius: 0.5rem 0 0 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.right, th.right {
|
|
|
|
|
border-radius: 0px 8px 8px 0px;
|
|
|
|
|
border-radius: 0 0.5rem 0.5rem 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td.mid, th.mid {
|
|
|
|
|
border-radius: 0px 0px 0px 0px;
|
|
|
|
|
border-radius: 0 0 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer {
|
|
|
|
|
@ -135,30 +134,6 @@
|
|
|
|
|
height: 50px;
|
|
|
|
|
width: 50px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 1100px) and (min-height: 1100px) {
|
|
|
|
|
.middle {
|
|
|
|
|
width: 80%;
|
|
|
|
|
margin-left: 10%;
|
|
|
|
|
font-size: 8em;
|
|
|
|
|
color: #fafafa;
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 30%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.social {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 100px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.logo-img {
|
|
|
|
|
fill: #fafafa;
|
|
|
|
|
height: 120px;
|
|
|
|
|
width: 120px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
