123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- header{
- h1{
- font-size: 11.2vw;
- line-height: 7vw!important;
- }
- h2{
- font-size: 3.7vw;
- }
- width: 100%;
- height: 100vh;
- position: relative;
- display: inline-flex;
- 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;
- height: 87.45px;
- }
- h3{
- transform: rotate(35deg);
- }
- p{
- 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;
- }
- }
- }
|