120 lines
1.7 KiB
SCSS
120 lines
1.7 KiB
SCSS
.home-tiles {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.home-tile {
|
|
text-align: center;
|
|
font-size: 1.5rem;
|
|
margin: .5em;
|
|
transition: all .2s ease-in-out;
|
|
padding: 2rem 0;
|
|
}
|
|
|
|
.home-tile:hover {
|
|
text-align: center;
|
|
transform: scale(1.075);
|
|
}
|
|
|
|
.home-tile-green {
|
|
background-color: #68BB6A;
|
|
color: white;
|
|
}
|
|
|
|
.home-tile-green:hover {
|
|
background-color: #388E3C;
|
|
color: white;
|
|
}
|
|
|
|
.home-tile-white {
|
|
background-color: #f5f5f5;
|
|
color: #212121;
|
|
}
|
|
|
|
.home-tile-white:hover {
|
|
background-color: #d0d0d0;
|
|
color: #212121;
|
|
}
|
|
|
|
.home-tile-grey {
|
|
background-color: #333333;
|
|
color: white;
|
|
}
|
|
|
|
.home-tile-grey:hover {
|
|
background-color: #212121;
|
|
color: white;
|
|
}
|
|
|
|
.home-tile-title {
|
|
text-decoration: none;
|
|
flex: 0 0 calc(33.33%);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.home-tile-title-2 {
|
|
flex-basis: 66.66%;
|
|
}
|
|
|
|
.home-tile-title-3 {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
#videoHome {
|
|
width: 100%;
|
|
}
|
|
|
|
.hide{
|
|
opacity:0;
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
|
|
.home-tile {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.home-tile-title {
|
|
flex-basis: 50%;
|
|
}
|
|
|
|
.home-tile-title-2 {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
.home-tile-title-3 {
|
|
flex-basis: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
|
|
.home-tile {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.home-tile-title {
|
|
flex-basis: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
.NotoSansLight{
|
|
font-family: NotoSansLight;
|
|
}
|
|
|
|
.NotoSansBold{
|
|
font-family: NotoSansSemiBold;
|
|
}
|
|
|
|
@font-face{
|
|
font-family:'NotoSansLight';
|
|
src:url('/assets/style/NotoSansMono/NotoSansMono-Thin.ttf ');
|
|
}
|
|
|
|
@font-face{
|
|
font-family:'NotoSansSemiBold';
|
|
src:url('/assets/style/NotoSansMono/NotoSansMono-SemiBold.ttf ');
|
|
}
|