|
@@ -1,13 +1,36 @@
|
|
|
header{
|
|
|
+ h1{
|
|
|
+ font-size: 11.2vw;
|
|
|
+ line-height: 7vw!important;
|
|
|
+ }
|
|
|
+ h2{
|
|
|
+ font-size: 3.7vw;
|
|
|
+ }
|
|
|
width: 100%;
|
|
|
- height: 50vh;
|
|
|
+ height: 100vh;
|
|
|
position: relative;
|
|
|
display: inline-flex;
|
|
|
- align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ nav{
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ .logo{
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
.contact{
|
|
|
position: fixed;
|
|
|
top: 50px;
|
|
|
right: 50px;
|
|
|
+ transform: scale(1);
|
|
|
+ transition: transform 0.5s ease;
|
|
|
+ cursor: pointer;
|
|
|
+ &:hover{
|
|
|
+ transition: transform 0.5s ease;
|
|
|
+ transform: scale(0.9);
|
|
|
+ }
|
|
|
svg{
|
|
|
animation: rotation 6s infinite linear;
|
|
|
width: 90.4px;
|
|
@@ -20,7 +43,42 @@ header{
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
+ & > section{
|
|
|
+ height: 100%;
|
|
|
+ &.works-mea{
|
|
|
+ height: auto!important;
|
|
|
+ display: inline-flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ .card{
|
|
|
+ line-height: 0.8!important;
|
|
|
+ .card-header{
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
h2{
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
+ .scroll{
|
|
|
+ width: 50px;
|
|
|
+ height: 40px;
|
|
|
+ margin: 0 auto 10px auto;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+ & > p:nth-child(1){
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ top: -20px;
|
|
|
+ animation: translatep1 2s infinite linear;
|
|
|
+ }
|
|
|
+ & > p:nth-child(2){
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ top: -20px;
|
|
|
+ animation: translatep1 2s infinite linear;
|
|
|
+ animation-delay: 1s;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|