|
|
| Line 29: |
Line 29: |
| | | | |
| | .jumbotron { | | .jumbotron { |
| − | position: absolute;
| + | position: absolute; |
| − | width: 103vw;
| + | width: 100vw; |
| − | height: 100vh;
| + | height: 100vh; |
| − | left: -4%;
| + | left: 0; |
| − | top: 0%;
| + | top: 0; |
| − | background: linear-gradient(to left, #ff6600 0%, #cc00cc 100%);
| + | background: linear-gradient(to left, #ff6600 0%, #cc00cc 100%); |
| − | z-index: 1;
| + | z-index: 1; |
| | } | | } |
| | | | |
| − | .tas {
| |
| − | position: absolute;
| |
| − | border-width: medium;
| |
| − | z-index: 999;
| |
| − | color: white;
| |
| − | top: 0;
| |
| − | left: 2%;
| |
| − | font-size: 3.5vh;
| |
| − | font-family: 'Nexa bold', sans-serif;
| |
| − | font-weight: 100;
| |
| − | padding: 3px 1px;
| |
| − | }
| |
| | | | |
| − | .pro {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | top: 2%;
| |
| − | left: 38%;
| |
| − | color: white;
| |
| − | font-family: 'Nexa light', sans-serif;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .pro:hover {
| |
| − | cursor: pointer;
| |
| − | color: #00ff08;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .exp {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | top: 2%;
| |
| − | left: 45%;
| |
| − | color: white;
| |
| − | font-family: 'Nexa light', sans-serif;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .exp:hover {
| |
| − | cursor: pointer;
| |
| − | color: #00ff08;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .mod {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | top: 2%;
| |
| − | left: 56%;
| |
| − | color: white;
| |
| − | font-family: 'Nexa light', sans-serif;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .mod:hover {
| |
| − | cursor: pointer;
| |
| − | color: #00ff08;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .prot {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | top: 2%;
| |
| − | left: 65%;
| |
| − | color: white;
| |
| − | font-family: 'Nexa light', sans-serif;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .prot:hover {
| |
| − | cursor: pointer;
| |
| − | color: #00ff08;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .hp {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | top: 2%;
| |
| − | left: 74%;
| |
| − | color: white;
| |
| − | font-family: 'Nexa light', sans-serif;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .hp:hover {
| |
| − | cursor: pointer;
| |
| − | color: #00ff08;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .as {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | top: 2%;
| |
| − | left: 88%;
| |
| − | color: white;
| |
| − | font-family: 'Nexa light', sans-serif;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .as:hover {
| |
| − | cursor: pointer;
| |
| − | color: #00ff08;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .turn {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | font-size: 10vh;
| |
| − | width: 70vh;
| |
| − | color: white;
| |
| − | font-family: Product Sans;
| |
| − | top: 20%;
| |
| − | left: 35%;
| |
| − | letter-spacing: 2px;
| |
| − | }
| |
| − |
| |
| − | .you {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | font-size: 3.5vh;
| |
| − | color: white;
| |
| − | font-family: Product Sans;
| |
| − | top: 52%;
| |
| − | left: 35%;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .button {
| |
| − | position: absolute;
| |
| − | z-index: 999;
| |
| − | background-color: #50c484;
| |
| − | border: none;
| |
| − | color: white;
| |
| − | padding: 6px 15px;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | display: inline-block;
| |
| − | font-size: 16px;
| |
| − | top: 28%;
| |
| − | left: 50%;
| |
| − | font-family: Product Sans;
| |
| − | font-weight: 100;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .button:hover {
| |
| − | background-color: #3e9b67;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | .bird {
| |
| − | position: absolute;
| |
| − | z-index: 1000;
| |
| − | width: 6vh;
| |
| − | bottom: 5%;
| |
| − | left: 2.8%;
| |
| − | border-radius: 50%;
| |
| − | }
| |
| − |
| |
| − | .bird:hover {
| |
| − | cursor: pointer;
| |
| − | background-color: ghostwhite;
| |
| − | }
| |
| − |
| |
| − | .instagram {
| |
| − | position: absolute;
| |
| − | z-index: 1000;
| |
| − | width: 6vh;
| |
| − | bottom: 5%;
| |
| − | left: 6.9%;
| |
| − | }
| |
| − |
| |
| − | .instagram:hover {
| |
| − | cursor: pointer;
| |
| − | background-color: ghostwhite;
| |
| − | border-radius: 31%;
| |
| − | }
| |
| − |
| |
| − | .fb {
| |
| − | position: absolute;
| |
| − | border-radius: 20%;
| |
| − | z-index: 1000;
| |
| − | width: 6vh;
| |
| − | bottom: 5%;
| |
| − | left: 11%;
| |
| − | }
| |
| − |
| |
| − | .fb:hover {
| |
| − | cursor: pointer;
| |
| − | background-color: ghostwhite;
| |
| − | }
| |
| | | | |
| | </style> | | </style> |
