Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .landingpage {
- margin-bottom: 55px;
- background-color: #ffffff;
- img.header {
- display: block;
- width: 100%;
- }
- .burger-container {
- position: absolute;
- top: 4%;
- right: 5%;
- }
- .biotail-container {
- position: absolute;
- top: 4%;
- left: calc(50% - 40px );
- z-index: 2;
- }
- .title {
- margin-top: 40px;
- margin-bottom: 20px;
- margin-left: 22px
- }
- .header {
- position: relative;
- margin-bottom: 40px;
- overflow: hidden;
- width: 100%;
- }
- .headerImage {
- position: relative;
- margin-bottom: 40px;
- left: 50%;
- transform: translateX(-50%);
- }
- .description {
- position: absolute;
- left: 6%;
- right: 6%;
- z-index: 20;
- bottom: 0;
- }
- .info-text {
- font-family: Roboto;
- font-size: 16px;
- font-weight: normal;
- font-style: normal;
- font-stretch: normal;
- line-height: 1.25;
- letter-spacing: 0.5px;
- color: var(--blueberry);
- top: 50%;
- }
- .biotail-logo {
- width: 85%;
- height: auto;
- }
- .info-card-container {
- margin-left: 2%;
- margin-top: 20px;
- margin-right: 2%;
- }
- .info-card {
- margin-left: 20px;
- margin-right: 20px;
- border-radius: 10px;
- box-shadow: 0 4px 35px 1px rgba(0, 0, 0, 0.2);
- color: #382e92;
- margin-bottom: 21px;
- }
- .info-card-content {
- position: relative;
- padding: 17px 17px 0 17px;
- width: 100%;
- background-color: #ffffff;
- z-index: 2;
- border-radius: 10px;
- }
- .info-card-header {
- margin: auto;
- display: flex;
- padding-bottom: 10px;
- padding: 10px 0 0 10px;
- }
- .info-card-image {
- float: left;
- margin-left: -11px;
- padding-right: 11px;
- margin-top: -10px;
- }
- .info-card-text-header {
- margin-top: -11px;
- font-weight: bold;
- font-size: 26px;
- }
- .info-card-body {
- margin-left: -10px;
- padding: 10px 10px 10px 10px;
- }
- .info-card-body-text {
- font-size: 14px;
- font-family: Roboto;
- // padding-bottom: 18px;
- }
- .info-card-body-link {
- display: flex;
- text-decoration: underline;
- cursor: pointer;
- justify-content: flex-end;
- margin-right: -2px;
- font-size: 16px;
- margin-right: -30px;
- }
- .button-link-text {
- margin-top: 10px;
- font-weight: normal;
- text-transform: lowercase;
- font-size: 16px;
- }
- .button-link-text::first-letter {
- text-transform: uppercase;
- }
- .info-card-body-link-image {
- margin-bottom: -16px;
- margin-right: 10px;
- }
- .rectangle {
- height: 197px;
- background-color: rgba(56, 46, 146, 0.07);
- margin-bottom: 110px;
- margin-top: -280px;
- }
- .circle {
- height: 18px;
- padding: 2px;
- padding-right: 8px;
- padding-left: 8px;
- border-radius: 9px;
- background-color: #ff8b12;
- font-size: 12px;
- }
- .strek {
- height: 1px;
- background-color: #adafb8;
- margin-bottom: 25px;
- margin-top: 25px;
- }
- .doggo-image-container {
- position: relative;
- justify-content: center;
- margin-top: -70px;
- width: 100%;
- overflow: hidden;
- }
- .doggo-image-bottom {
- position: relative;
- left: 50%;
- transform: translateX(-50%);
- }
- .survey-card {
- margin-right: 5%;
- margin-left: 5%;
- border-radius: 10px;
- box-shadow: 0 4px 35px 1px rgba(0, 0, 0, 0.2);
- color: #382e92;
- margin-bottom: 136px;
- margin-top: -70px;
- }
- .survey-card-content {
- position: relative;
- padding: 17px 0 0 17px;
- width: 100%;
- background-color: #ffffff;
- z-index: 2;
- border-radius: 10px;
- }
- .survey-card-body {
- font-family: Roboto;
- font-size: 24px;
- color: #382e92;
- font-weight: bold;
- display: flex;
- flex-wrap: nowrap;
- padding: 17px 17px 17px 17px;
- }
- .survey-image {
- margin-top: -10px;
- margin-right: 20px;
- }
- .oval {
- width: 113px;
- height: 112px;
- background-color: #f2f1f8;
- margin-top: -105px;
- margin-left: -25px;
- border-radius: 70px;
- }
- .survey-text {
- margin-top: 20px;
- margin-right: 10px;
- }
- .survey-card-green-bubble {
- font-family: Roboto;
- font-size: 16px;
- font-weight: 500;
- letter-spacing: 0.3px;
- color: #382e92;
- background-color: #6cefa1;
- border-radius: 35px;
- float: right;
- margin-left: auto;
- padding: 10px;
- height: 40px;
- margin-top: 15px;
- flex-shrink: 0;
- }
- .bottom-text {
- margin-top: -4px;
- font-family: Roboto;
- font-size: 16px;
- color: #ffffff;
- background-color: #382e92;
- padding-bottom: 30px;
- }
- .collaborators {
- padding-top: 28px;
- margin-left: 34px;
- margin-right: 23px;
- }
- .collaborators-title {
- font-weight: bold;
- padding-bottom: 20px;
- }
- .b-image {
- float: right;
- }
- .collaborators-list {
- text-decoration: underline;
- ul {
- list-style-type: none;
- }
- }
- .strek2 {
- height: 1px;
- background-color: #ffffff;
- margin-top: 25px;
- margin-bottom: 25px;
- }
- .contact {
- font-weight: 500;
- margin-left: 34px;
- margin-right: 23px;
- }
- .developer-text {
- font-size: 14px !important;
- }
- @media screen and (max-width: 940px) {
- .survey-card {
- display: none;
- }
- .hide-on-mobile {
- display: none;
- }
- }
- @media only screen and (min-width: 941px) {
- .info-card-container {
- display: flex;
- flex-wrap: nowrap;
- justify-content: center;
- }
- .info-card {
- max-width: 348px;
- height: 197px;
- margin-left: 0;
- margin-right: 0;
- }
- .first {
- margin-right: 1%;
- min-width: 307px;
- }
- .center {
- min-width: 320px;
- }
- .last {
- margin-left: 1%;
- min-width: 295px;
- }
- .description {
- text-align: center;
- display: flex;
- justify-content: center;
- }
- .info-text-container {
- max-width: 611px;
- display: block;
- justify-content: center;
- }
- .hide-on-desktop {
- display: none;
- }
- .info-card-container {
- margin-bottom: 100px;
- min-height: 130px;
- display: flex;
- flex-wrap: nowrap;
- justify-content: space-between;
- }
- .info-card-header {
- padding: 10px 0 0 10px;
- }
- .info-card-body {
- min-height: 130px;
- display: flex;
- flex-direction: column;
- position: relative;
- padding: 10px 10px 10px 10px;
- }
- .info-card-body-text {
- padding-bottom: 0;
- }
- .info-card-content {
- }
- .button-link-text {
- }
- .info-card-body-link {
- margin-top: 10px;
- bottom: 0;
- right: 0;
- position: absolute;
- text-align: right;
- float: right;
- padding: 0 10px 0px 10px;
- }
- .circle {
- bottom: 20px;
- right: 0;
- position: absolute;
- text-align: right;
- float: right;
- }
- .info-card-body-link-text {
- bottom: 1%;
- }
- .bottom-text {
- display: flex;
- flex-wrap: nowrap;
- margin: auto;
- justify-content: space-between;
- flex-direction: row-reverse;
- padding-bottom: 50px;
- }
- .collaborators {
- float: right;
- text-align: right;
- margin-right: 40px;
- }
- .b-image {
- display: none;
- }
- .contact {
- max-width: 300px;
- margin-top: 28px;
- }
- .strek2 {
- margin-top: 15px;
- margin-bottom: 15px;
- }
- .b-image2 {
- padding-bottom: 15px;
- }
- }
- @media only screen and (min-width: 1200px) {
- .info-card {
- margin-left: auto;
- margin-right: auto;
- }
- }
- @media only screen and (min-width: 1440px){
- .headerImage {
- width: 100%
- }
- .doggo-image-bottom {
- width: 100%;
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement