|
@@ -12,8 +12,6 @@ header{
|
|
|
text-transform: uppercase;
|
|
|
display: inline-block;
|
|
|
margin-left: 10px;
|
|
|
- a{
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -37,7 +35,7 @@ header{
|
|
|
}
|
|
|
text-align: center;
|
|
|
h1{
|
|
|
- height: 106px;
|
|
|
+ height: 90px;
|
|
|
a{
|
|
|
padding: 0 50px;
|
|
|
background-color: white ;
|
|
@@ -45,25 +43,25 @@ header{
|
|
|
}
|
|
|
}
|
|
|
.logo{
|
|
|
- margin: 200px 0 50px 0;
|
|
|
+ margin: 150px 0 50px 0;
|
|
|
width: 100%;
|
|
|
display: inline-flex;
|
|
|
justify-content: space-around;
|
|
|
- flex-direction: row;
|
|
|
align-items: center;
|
|
|
& > div{
|
|
|
width: calc(100% / 3);
|
|
|
+ min-width: 300px;
|
|
|
margin-left: 100px;
|
|
|
}
|
|
|
& > svg{
|
|
|
width: calc(100% / 3);
|
|
|
- min-width: 200px;
|
|
|
- height: 100%;
|
|
|
- margin-left: 150px;
|
|
|
- margin-right: 150px;
|
|
|
+ min-width: 300px;
|
|
|
+ margin: 0 30px;
|
|
|
+ height: 300px;
|
|
|
}
|
|
|
& > section{
|
|
|
width: calc(100% / 3);
|
|
|
+ min-width: 300px;
|
|
|
margin-right: 100px;
|
|
|
}
|
|
|
#user{
|
|
@@ -75,25 +73,38 @@ header{
|
|
|
}
|
|
|
}
|
|
|
.why_lsdo{
|
|
|
+ display: inline-flex;
|
|
|
+ flex-direction: column;
|
|
|
position: relative;
|
|
|
- height: 100px;
|
|
|
- &>svg{
|
|
|
+ h3{
|
|
|
+ z-index: 999;
|
|
|
position: absolute;
|
|
|
- transform: rotate(-15deg);
|
|
|
- top: 30px;
|
|
|
- left: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0;
|
|
|
+ transform: rotate(-15deg) translateY(0px);
|
|
|
}
|
|
|
- h3{
|
|
|
- cursor: pointer;
|
|
|
- margin: 0;
|
|
|
- transform: rotate(-15deg);
|
|
|
+ section{
|
|
|
+ position: absolute;
|
|
|
+ background: white;
|
|
|
+ padding: 0 10px;
|
|
|
+ opacity: 0;
|
|
|
+ top: -130px;
|
|
|
+ height: 300px;
|
|
|
+ overflow: auto;
|
|
|
+ p{
|
|
|
+ pointer-events: none;
|
|
|
}
|
|
|
- section{
|
|
|
- opacity: 0;
|
|
|
- &.open{
|
|
|
- display: block!important;
|
|
|
- }
|
|
|
+ &.open{
|
|
|
+ display: block!important;
|
|
|
}
|
|
|
+ }
|
|
|
+ &>svg{
|
|
|
+ width: 100px;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ transform: rotate(-15deg) translateY(50px);
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|