Jonas232005 (Talk | contribs) |
Jonas232005 (Talk | contribs) |
||
Line 170: | Line 170: | ||
transform: rotate(90deg); | transform: rotate(90deg); | ||
} | } | ||
+ | |||
+ | html{ | ||
+ | scroll-behavior: smooth; | ||
+ | } | ||
+ | |||
+ | html, body{ | ||
+ | background-color: #f4f4f4; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #my-global-wrapper{ | ||
+ | width: 100%; | ||
+ | height: max-content; | ||
+ | font-family: 'Raleway', serif !important; | ||
+ | } | ||
+ | |||
+ | #welcome{ | ||
+ | position: relative; | ||
+ | height: 100vh; | ||
+ | width: 100%; | ||
+ | font-size: 6rem; | ||
+ | background-color: #93D5DC; | ||
+ | background-image: url("../img/Main\ page\ background.png"); | ||
+ | display: grid; | ||
+ | grid-template-columns: 1fr 1fr; | ||
+ | } | ||
+ | |||
+ | /* #welcome h1{ | ||
+ | color: #fff; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | padding-top:300px; | ||
+ | animation-name: floaty; | ||
+ | animation-duration: 1s; | ||
+ | animation-iteration-count: infinite; | ||
+ | animation-timing-function:cubic-bezier(0.59, 0.01, 0.4, 0.93); | ||
+ | } */ | ||
+ | |||
+ | .center{ | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | } | ||
+ | |||
+ | #welcome .left{ | ||
+ | padding: 4rem; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #welcome .left h1{ | ||
+ | font-family: "Monastic"; | ||
+ | font-size: 6rem; | ||
+ | padding: 1rem; | ||
+ | letter-spacing: 1rem; | ||
+ | } | ||
+ | |||
+ | #welcome .left .bar{ | ||
+ | height: .6rem; | ||
+ | width: 60%; | ||
+ | margin: auto; | ||
+ | display: grid; | ||
+ | grid-template-columns: 1fr 1fr; | ||
+ | } | ||
+ | |||
+ | #welcome .left .bar .leftcolor{ | ||
+ | width: 110%; | ||
+ | height: 100%; | ||
+ | background-color: #71aada; | ||
+ | clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); | ||
+ | } | ||
+ | |||
+ | #welcome .left .bar .rightcolor{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: #cee5f7; | ||
+ | } | ||
+ | |||
+ | #welcome .left p{ | ||
+ | font-size: 2.5rem; | ||
+ | font-weight: 200; | ||
+ | padding: 1rem; | ||
+ | } | ||
+ | |||
+ | #welcome .right{ | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #welcome .right img{ | ||
+ | width: 100%; | ||
+ | max-width: none; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
Revision as of 07:46, 18 September 2021