2016-10-04 01:11:15 +02:00
|
|
|
.links {
|
2016-10-15 19:08:45 +02:00
|
|
|
flex: 1;
|
2016-10-04 01:11:15 +02:00
|
|
|
align-self: flex-end;
|
2016-10-15 19:08:45 +02:00
|
|
|
align-items: flex-end;
|
|
|
|
padding-right: 20px;
|
|
|
|
|
2016-10-29 21:49:58 +02:00
|
|
|
div {
|
|
|
|
margin: 10px;
|
|
|
|
}
|
2016-11-02 15:25:36 +01:00
|
|
|
|
|
|
|
img {
|
|
|
|
width: 200px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.clear {
|
|
|
|
clear: both;
|
2016-09-20 23:32:54 +02:00
|
|
|
}
|
|
|
|
|
2016-10-29 21:49:58 +02:00
|
|
|
@media (max-width: #{$tablet}) {
|
|
|
|
.links {
|
|
|
|
align-self: center;
|
|
|
|
}
|
2016-10-03 21:56:08 +02:00
|
|
|
}
|
|
|
|
|
2016-10-29 21:49:58 +02:00
|
|
|
.rows {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2016-10-15 19:08:45 +02:00
|
|
|
}
|
|
|
|
|
2016-10-03 21:56:08 +02:00
|
|
|
.project {
|
2016-11-06 21:04:33 +01:00
|
|
|
background-color: $background;
|
2016-10-03 21:56:08 +02:00
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
|
2017-06-04 16:29:22 +02:00
|
|
|
.logo-wrapper {
|
|
|
|
padding-top: 0;
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2016-10-03 21:56:08 +02:00
|
|
|
.logo {
|
|
|
|
width: 10vw;
|
|
|
|
min-width: 100px;
|
|
|
|
min-height: 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2017-06-04 16:29:22 +02:00
|
|
|
|
|
|
|
height: 100%;
|
2016-10-03 21:56:08 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.logo-initial {
|
|
|
|
margin: auto;
|
|
|
|
color: white;
|
2017-06-04 16:29:22 +02:00
|
|
|
font-size: 5rem;
|
2016-10-03 21:56:08 +02:00
|
|
|
font-family: $family-sans-serif;
|
|
|
|
}
|
2016-10-04 23:06:41 +02:00
|
|
|
|
|
|
|
.logo-index {
|
|
|
|
font-size: 4vw;
|
|
|
|
color: white;
|
|
|
|
}
|