Compare commits
2 Commits
076eb7c363
...
7ebe2934f4
Author | SHA1 | Date |
---|---|---|
vitrinekast | 7ebe2934f4 | 5 months ago |
victor | b2157bd587 | 11 months ago |
Binary file not shown.
@ -0,0 +1,160 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: WonderType Regular;
|
||||||
|
src: url(Fonts/WonderType-Regular.otf);
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: ApfelGrotezk Regular;
|
||||||
|
src: url(Fonts/ApfelGrotezk-Regular.otf);
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
background-color: #c5ff26;
|
||||||
|
}
|
||||||
|
h1{
|
||||||
|
font-family: WonderType Regular;
|
||||||
|
font-size: 4rem;
|
||||||
|
left: 0rem;
|
||||||
|
top: 0rem;
|
||||||
|
z-index: 2;
|
||||||
|
padding-top: 0.5rem;
|
||||||
|
padding-left: 2rem;
|
||||||
|
line-height: 3.8rem;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
font-family: ApfelGrotezk Regular;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
top: 0rem;
|
||||||
|
left: 0rem;
|
||||||
|
position: fixed;
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-left: 2rem;
|
||||||
|
rotate: 90deg;
|
||||||
|
width: 99vw;
|
||||||
|
height: 95vw;
|
||||||
|
}
|
||||||
|
h3{
|
||||||
|
font-family: ApfelGrotezk Regular;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
position: fixed;
|
||||||
|
top: 90vh;
|
||||||
|
left: 0rem;
|
||||||
|
padding-left: 2rem;
|
||||||
|
}
|
||||||
|
h4{
|
||||||
|
font-family: ApfelGrotezk Regular;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
position: fixed;
|
||||||
|
top: 90vh;
|
||||||
|
right: 0rem;
|
||||||
|
padding-right: 2rem;
|
||||||
|
}
|
||||||
|
.intro{
|
||||||
|
font-family: ApfelGrotezk Regular;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
left: 0rem;
|
||||||
|
top: 0rem;
|
||||||
|
position: absolute;
|
||||||
|
padding-top: 15rem;
|
||||||
|
padding-left: 2rem;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.down{
|
||||||
|
font-size: 2rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 92vh;
|
||||||
|
left: 0rem;
|
||||||
|
padding-left: 50vw;
|
||||||
|
}
|
||||||
|
.down:hover{
|
||||||
|
color: whitesmoke;
|
||||||
|
transition-duration: 3s;
|
||||||
|
}
|
||||||
|
.map{
|
||||||
|
top: 0rem;
|
||||||
|
left: 0rem;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity: 0%;
|
||||||
|
}
|
||||||
|
#map1{
|
||||||
|
top: 110vh;
|
||||||
|
left: 0rem;
|
||||||
|
width: 100%;
|
||||||
|
height: 70%;
|
||||||
|
}
|
||||||
|
button{
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container{
|
||||||
|
position: absolute;
|
||||||
|
top: 190vh;
|
||||||
|
left: 5rem;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(8, 1fr);
|
||||||
|
gap: 10px;
|
||||||
|
grid-auto-rows: 100px;
|
||||||
|
grid-template-areas:
|
||||||
|
"a a b b c c d d"
|
||||||
|
"a a b b c c d d"
|
||||||
|
"e e f f g g h h"
|
||||||
|
"e e f f g g h h";
|
||||||
|
/* display: flex;
|
||||||
|
justify-content: space-evenly; */
|
||||||
|
width: 89vw;
|
||||||
|
/* height: 90vh; */
|
||||||
|
/* align-items: stretch; */
|
||||||
|
/* background-color: blanchedalmond; */
|
||||||
|
/* opacity: 50%; */
|
||||||
|
font-family: WonderType Regular;
|
||||||
|
font-size: 2rem;
|
||||||
|
color: whitesmoke;
|
||||||
|
}
|
||||||
|
.item1 {
|
||||||
|
grid-area: a;
|
||||||
|
align-self: end;
|
||||||
|
}
|
||||||
|
.item2 {
|
||||||
|
grid-area: b;
|
||||||
|
align-self: start;
|
||||||
|
}
|
||||||
|
.item3 {
|
||||||
|
grid-area: f;
|
||||||
|
align-self: start;
|
||||||
|
justify-self: end;
|
||||||
|
}
|
||||||
|
.item4 {
|
||||||
|
grid-area: h;
|
||||||
|
align-self: start;
|
||||||
|
}
|
||||||
|
.item5 {
|
||||||
|
grid-area: g;
|
||||||
|
align-self: end;
|
||||||
|
justify-self: end;
|
||||||
|
}
|
||||||
|
.item6 {
|
||||||
|
grid-area: c;
|
||||||
|
align-self: end;
|
||||||
|
justify-self: end;
|
||||||
|
}
|
||||||
|
.item7 {
|
||||||
|
grid-area: h;
|
||||||
|
align-self: end;
|
||||||
|
justify-self: end;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #c5ff26;
|
||||||
|
transition-duration: 2s;
|
||||||
|
}
|
||||||
|
.extra{
|
||||||
|
color: #c5ff26;
|
||||||
|
font-family: ApfelGrotezk Regular;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1rem;
|
||||||
|
top: 0rem;
|
||||||
|
}
|
Binary file not shown.
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
After Width: | Height: | Size: 40 KiB |
@ -0,0 +1,34 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 27.8.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 1126.55 566.89" style="enable-background:new 0 0 1126.55 566.89;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#221F1F;}
|
||||||
|
.st1{opacity:0.5;}
|
||||||
|
</style>
|
||||||
|
<path class="st0" d="M1090.87,215.34v323.9c0,1.49-1.21,2.71-2.71,2.71H786.47c-1.49,0-2.71-1.21-2.71-2.71v-5.51
|
||||||
|
c0-1.49-1.21-2.71-2.71-2.71h-26.11c-1.49,0-2.71,1.21-2.71,2.71v5.51c0,1.49-1.21,2.71-2.71,2.71H324.65
|
||||||
|
c-1.49,0-2.71-1.21-2.71-2.71v-3.93c0-1.49,1.21-2.71,2.71-2.71s2.71-1.21,2.71-2.71v-26.13c0-1.91,0-3.82,0-5.73v-26.11
|
||||||
|
c0-1.49-1.21-2.71-2.71-2.71h-12.67c-0.13-9.53-0.27-19.06-0.4-28.58c0-1.49-1.21-2.71-2.71-2.71h-12.67v0.17h-0.86v-0.17h-15.37
|
||||||
|
v0.17h-0.38v-0.17h-15.37v0.17h-0.86v-0.17h-30.19v0.17h-0.86v-0.17h-15.37v0.17h-0.4v-0.17h-15.37v0.17h-0.86v-30.23
|
||||||
|
c0-1.49-1.21-2.71-2.71-2.71h-9.41c-1.49,0-2.71-1.21-2.71-2.71v-27.54c0-1.49-1.21-2.71-2.71-2.71h-9.96
|
||||||
|
c-1.49,0-2.71,1.21-2.71,2.71v33.02h-0.85v-0.07c0-1.49-1.21-2.71-2.71-2.71h-9.96c-1.49,0-2.71,1.21-2.71,2.71v30.23h-0.4v-0.17
|
||||||
|
h-12.67c-1.49,0-2.71,1.21-2.71,2.71v28.83h0.7v1.41h-0.7v27.47c0,1.49-1.21,2.71-2.71,2.71h-10.27c-1.49,0-2.71-1.21-2.71-2.71
|
||||||
|
v-24.77c0-1.49-1.21-2.71-2.71-2.71h-12.67v0.15h-0.86v-0.15h-1.01v-1.41h1.01v-28.83c0-1.49-1.21-2.71-2.71-2.71h-9.96
|
||||||
|
c-1.49,0-2.71,1.21-2.71,2.71v0.53h-0.38v-3.24h-1.1v-1.25h1.1v-28.82c0-1.49-1.21-2.71-2.71-2.71H66.72
|
||||||
|
c-1.49,0-2.71-1.21-2.71-2.71V280.08h-0.15V267.1c0-1.49-1.21-2.71-2.71-2.71H50.88c-1.49,0-2.71-1.21-2.71-2.71v-9.1
|
||||||
|
c0-1.49-1.21-2.71-2.71-2.71h-9.01c-1.49,0-2.71-1.21-2.71-2.71V42.76c0-1.49,1.21-2.71,2.71-2.71h8.7c1.49,0,2.71,1.21,2.71,2.71
|
||||||
|
v3.73c0,1.49,1.21,2.71,2.71,2.71h26.11c1.49,0,2.71-1.21,2.71-2.71v-3.73c0-1.49,1.21-2.71,2.71-2.71h317.84
|
||||||
|
c1.49,0,2.71-1.21,2.71-2.71v-3.97c0-1.49,1.21-2.71,2.71-2.71h267.03c1.49,0,2.71,1.21,2.71,2.71v6.67h0.46V66.5
|
||||||
|
c0,1.49,1.21,2.71,2.71,2.71h10.44c1.49,0,2.71-1.21,2.71-2.71v-9.88c0-1.49,1.21-2.71,2.71-2.71h10.26c1.49,0,2.71-1.21,2.71-2.71
|
||||||
|
v-8.45c0-1.49,1.21-2.71,2.71-2.71h31.99c1.49,0,2.71,1.21,2.71,2.71v52.92c0,1.49,1.21,2.71,2.71,2.71h12.02
|
||||||
|
c1.49,0,2.71,1.21,2.71,2.71v25.88c0,1.49,1.21,2.71,2.71,2.71h12.67v-0.17h0.86v0.17h15.37v-0.17h0.38v0.17h15.37v-0.17h0.86v0.17
|
||||||
|
h30.19v-0.17h0.86v0.17h15.37v-0.17h0.4v0.17h15.37v-0.17h0.86v30.23c0,1.49,1.21,2.71,2.71,2.71h9.41c1.49,0,2.71,1.21,2.71,2.71
|
||||||
|
v27.54c0,1.49,1.21,2.71,2.71,2.71h9.96c1.49,0,2.71-1.21,2.71-2.71v-27.54c0-1.49,1.21-2.71,2.71-2.71h10.82
|
||||||
|
c1.49,0,2.71-1.21,2.71-2.71v-30.23h0.38v0.17h12.67c1.49,0,2.71-1.21,2.71-2.71V98.13h-0.7v-1.41h0.7V69.25
|
||||||
|
c0-1.49,1.21-2.71,2.71-2.71h10.27c1.49,0,2.71,1.21,2.71,2.71v24.77c0,1.49,1.21,2.71,2.71,2.71h12.67v-0.15h0.86v30.48
|
||||||
|
c0,1.49,1.21,2.71,2.71,2.71h10.36c1.49,0,2.71,1.21,2.71,2.71v27.27c0,1.49,1.21,2.71,2.71,2.71h26.19c1.49,0,2.71-1.21,2.71-2.71
|
||||||
|
v-27.27c0-1.49,1.21-2.71,2.71-2.71h13.76v-0.08h0.46V98.13h-0.46v-1.41h12.58c1.49,0,2.71-1.21,2.71-2.71V69.25
|
||||||
|
c0-1.49,1.21-2.71,2.71-2.71h8.78c1.49,0,2.71,1.21,2.71,2.71v140.68c0,1.49,1.21,2.71,2.71,2.71h24.87
|
||||||
|
C1089.66,212.63,1090.87,213.85,1090.87,215.34z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 3.2 KiB |
Loading…
Reference in New Issue