Difference between revisions of "Template:HK GTC"

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