Start/style.scss
2019-06-22 19:28:58 -07:00

57 lines
1.1 KiB
SCSS

@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap');
body {
background-image: url("background.jpg");
background-size: cover;
}
.tab-container {
display: flex;
height: 100%;
width: 100%;
margin: auto;
max-width: 800px;
align-content: center;
flex-wrap: wrap;
}
a {
text-decoration: none;
color: inherit;
}
h1 {
flex-grow: 1;
flex-basis: 100%;
color: white;
text-align: center;
text-shadow: 0px 0px 5px rgba(0, 0, 0, .45);
font-family: "Source Code Pro";
text-transform: uppercase;
font-size: 2.5em;
}
.tab {
font-family: "Source Code Pro";
padding: 10px;
display: flex;
flex-grow: 1;
flex-basis: 25%;
align-items: center;
background-color: white;
border-bottom: 4px solid;
margin: 10px;
box-shadow: 0px 0 5px rgba(0, 0, 0, .25);
transition: box-shadow .25s;
&:hover {
box-shadow: 0px 0 15px rgba(0, 0, 0, .45);
}
.feather {
padding: 10px;
padding-left: 20px;
padding-right: 20px;
}
}