@import url('https://fonts.googleapis.com/css2?family=Prosto+One&display=swap');

/*Base*/

a:hover {
color: #aaaaaa;
transition: 0.2s linear;
}

body {
font: 400 18px/1.5 "Prosto One", sans-serif;
background-color: #030303;
height: 720px;
}

/*Navigation*/

#logotype {
height: 100%;
margin-left: 0px;
margin-top: 0px;
}

nav {
display: inline-flex;
background-image: linear-gradient(to top, #111111, #111111, #030303);
color: white;
height: 10%;
width: 100%;
font-size: 125%;
align-items: center;
justify-content: center;
}

#first-link {
display: flex;
justify-content: space-evenly;
flex-basis: 10%;
height: 100%;
}

.link-nav {
flex-basis: 30%;
display: flex;
height: 100%;
align-items: center;
justify-content: space-evenly;
}

/*Head*/

#head {
text-transform: uppercase;
background-image: linear-gradient(to top, #111111, #11111155, #00000000), url('../Images/Backgrounds/Head-BG1.png');
background-size: cover;

background-position: center;
height: 40%;
color: white;
display: flex;
justify-content: space-around;
align-items: center;
}

/*Body*/

.content {
white-space: nowrap;
background-color: white;
height: 30%;
color: black;
display: flex;
justify-content: center;
align-items: center;
}

#logotype-scrybe {
height: 35%;
}

/*Footer*/

footer {
height: 23.9%;
background-image: linear-gradient(to bottom, #111111, #111111, #030303);
display: flex;
align-items: center;
justify-content: space-evenly;
}

.contacts {
color: white;
display: flex;
align-items: baseline;
}

.table {
display: flex;
flex-flow: column;
flex-basis: 50%;
padding-left: 12.5%;
}

.table > p, .table > a {
padding-top: 2%
}

#br-line {
border-left: thin solid #555555;
}

.minilogo {
width: 5%;
border-radius: 20%;
}