|
|
@ -18,10 +18,7 @@ |
|
|
|
font-family: 'Roboto', sans-serif; |
|
|
|
font-family: 'Roboto', sans-serif; |
|
|
|
background: #060612; |
|
|
|
background: #060612; |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-x: hidden; |
|
|
|
height: 100vh; |
|
|
|
/* min-height: 80vh;*/ |
|
|
|
display: flex; |
|
|
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
@media screen and (max-width: 480px) { |
|
|
@ -95,16 +92,15 @@ |
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
.content { |
|
|
|
margin: 4em auto; |
|
|
|
margin: 4em auto; |
|
|
|
margin-bottom: 18em; |
|
|
|
|
|
|
|
width: 45%; |
|
|
|
width: 45%; |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content>.info { |
|
|
|
.content>.info { |
|
|
|
font-size: 1.25em; |
|
|
|
font-size: 1.25em; |
|
|
|
line-height: 1.75em; |
|
|
|
line-height: 1.75em; |
|
|
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
|
|
width: 60%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content>.info>.logo { |
|
|
|
.content>.info>.logo { |
|
|
@ -143,13 +139,11 @@ |
|
|
|
.content>.info>.explanation>p>span {} |
|
|
|
.content>.info>.explanation>p>span {} |
|
|
|
|
|
|
|
|
|
|
|
.content>.robot { |
|
|
|
.content>.robot { |
|
|
|
height: 100%; |
|
|
|
display: inline-block; |
|
|
|
display: flex; |
|
|
|
width: 38%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content>.robot>svg { |
|
|
|
.content>.robot>svg { |
|
|
|
display: inline-block; |
|
|
|
|
|
|
|
align-self: flex-end; |
|
|
|
|
|
|
|
fill: #ffffff; |
|
|
|
fill: #ffffff; |
|
|
|
width: 15em; |
|
|
|
width: 15em; |
|
|
|
height: 15em; |
|
|
|
height: 15em; |
|
|
@ -169,7 +163,8 @@ |
|
|
|
|
|
|
|
|
|
|
|
.content>.info { |
|
|
|
.content>.info { |
|
|
|
margin: auto; |
|
|
|
margin: auto; |
|
|
|
width: 65%; |
|
|
|
display: block; |
|
|
|
|
|
|
|
width: 60%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content>.info>.logo { |
|
|
|
.content>.info>.logo { |
|
|
|