110 lines
No EOL
4.8 KiB
CSS
110 lines
No EOL
4.8 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Orbitron&display=swap");
|
|
* {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
::-webkit-scrollbar {
|
|
display: none; }
|
|
|
|
body {
|
|
background: #000;
|
|
color: #fff;
|
|
font-family: 'Orbitron', sans-serif;
|
|
-ms-overflow-style: none;
|
|
/* IE and Edge */
|
|
scrollbar-width: none;
|
|
/* Firefox */ }
|
|
|
|
.logo {
|
|
width: 150px;
|
|
text-align: center;
|
|
margin: auto;
|
|
justify-content: center;
|
|
display: flex; }
|
|
|
|
a {
|
|
color: white;
|
|
font-size: 2vw;
|
|
text-decoration: none; }
|
|
a:hover {
|
|
color: grey; }
|
|
|
|
.twitch svg:hover {
|
|
fill: #9146FF; }
|
|
|
|
.twitter svg:hover {
|
|
fill: #1DA1F2; }
|
|
|
|
.instagram svg:hover {
|
|
fill: #E4405F; }
|
|
|
|
svg {
|
|
fill: white;
|
|
padding: 0 10px;
|
|
width: 50px;
|
|
height: 50px; }
|
|
|
|
.sub-nav {
|
|
text-align: center;
|
|
margin: auto;
|
|
justify-content: center;
|
|
display: flex; }
|
|
|
|
.bar {
|
|
position: absolute;
|
|
width: 99%;
|
|
height: 20px;
|
|
background-color: white;
|
|
mix-blend-mode: difference;
|
|
color: black;
|
|
font-size: 15px;
|
|
margin: auto;
|
|
display: flex;
|
|
padding-left: 1%; }
|
|
.bar a {
|
|
font-size: inherit;
|
|
color: black; }
|
|
|
|
.top {
|
|
top: 50px; }
|
|
|
|
.bottom {
|
|
bottom: 50px; }
|
|
|
|
section {
|
|
height: 100vh;
|
|
width: 100vw; }
|
|
|
|
.music {
|
|
display: flex;
|
|
text-align: center;
|
|
margin: auto;
|
|
justify-content: space-between;
|
|
padding-top: 5vh;
|
|
margin: 0 100px; }
|
|
.music .title {
|
|
font-size: 3vh;
|
|
display: flex;
|
|
text-align: left;
|
|
margin: auto;
|
|
justify-content: space-between;
|
|
padding-top: 2vh; }
|
|
.music img {
|
|
height: 30vh; }
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.music {
|
|
display: table;
|
|
margin: auto; }
|
|
.title {
|
|
padding-bottom: 20px; }
|
|
img {
|
|
height: 20vh; }
|
|
.top {
|
|
top: 60px; }
|
|
.bottom {
|
|
position: sticky;
|
|
bottom: 0; } }
|
|
|
|
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiYXNzZXRzL3Nhc3MvaW5kZXguY3NzIiwKCSJzb3VyY2VzIjogWwoJCSJhc3NldHMvc2Fzcy9pbmRleC5zYXNzIgoJXSwKCSJuYW1lcyI6IFtdLAoJIm1hcHBpbmdzIjogIkFBTUEsT0FBTyxDQUFDLHFFQUFJO0FBQ1osQUFBQSxDQUFDLENBQUM7RUFDRSxNQUFNLEVBQUUsQ0FBQztFQUNULE9BQU8sRUFBRSxDQUFDLEdBQUc7O0FBRWpCLGlEQUFpRDtBQUNqRCxBQUFBLG1CQUFtQixDQUFDO0VBQ2hCLE9BQU8sRUFBRSxJQUFJLEdBQUc7O0FBS3BCLEFBQUEsSUFBSSxDQUFDO0VBQ0QsVUFBVSxFQUFFLElBQUk7RUFDaEIsS0FBSyxFQUFFLElBQUk7RUFDWCxXQUFXLEVBQUUsc0JBQXNCO0VBQ25DLGtCQUFrQixFQUFFLElBQUk7RUFBRyxpQkFBaUI7RUFDNUMsZUFBZSxFQUFFLElBQUk7RUFBRyxhQUFhLEVBQUc7O0FBRzVDLEFBQUEsS0FBSyxDQUFDO0VBQ0YsS0FBSyxFQUFFLEtBQUs7RUFDWixVQUFVLEVBQUUsTUFBTTtFQUNsQixNQUFNLEVBQUUsSUFBSTtFQUNaLGVBQWUsRUFBRSxNQUFNO0VBQ3ZCLE9BQU8sRUFBRSxJQUFJLEdBQUc7O0FBRXBCLEFBQUEsQ0FBQyxDQUFDO0VBQ0UsS0FBSyxFQUFFLEtBQUs7RUFDWixTQUFTLEVBQUUsR0FBRztFQUNkLGVBQWUsRUFBRSxJQUFJLEdBRUQ7RUFMeEIsQUFJSSxDQUpILEFBSUksTUFBTSxDQUFDO0lBQ0osS0FBSyxFQUFFLElBQUksR0FBRzs7QUFHdEIsQUFBQSxPQUFPLENBQUMsR0FBRyxBQUFBLE1BQU0sQ0FBQztFQUNkLElBQUksRUF0Q0MsT0FBTyxHQXNDSTs7QUFDcEIsQUFBQSxRQUFRLENBQUMsR0FBRyxBQUFBLE1BQU0sQ0FBQztFQUNmLElBQUksRUF6Q0UsT0FBTyxHQXlDSTs7QUFDckIsQUFBQSxVQUFVLENBQUMsR0FBRyxBQUFBLE1BQU0sQ0FBQztFQUNqQixJQUFJLEVBNUNJLE9BQU8sR0E0Q0k7O0FBQ3ZCLEFBQUEsR0FBRyxDQUFDO0VBQ0EsSUFBSSxFQUFFLEtBQUs7RUFDWCxPQUFPLEVBQUUsTUFBTTtFQUNmLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUksR0FBRzs7QUFHbkIsQUFBQSxRQUFRLENBQUM7RUFDTCxVQUFVLEVBQUUsTUFBTTtFQUNsQixNQUFNLEVBQUUsSUFBSTtFQUNaLGVBQWUsRUFBRSxNQUFNO0VBQ3ZCLE9BQU8sRUFBRSxJQUFJLEdBQUc7O0FBSXBCLEFBQUEsSUFBSSxDQUFDO0VBQ0QsUUFBUSxFQUFFLFFBQVE7RUFDbEIsS0FBSyxFQUFFLEdBQUc7RUFDVixNQUFNLEVBQUUsSUFBSTtFQUNaLGdCQUFnQixFQUFFLEtBQUs7RUFDdkIsY0FBYyxFQUFFLFVBQVU7RUFDMUIsS0FBSyxFQUFFLEtBQUs7RUFDWixTQUFTLEVBQUUsSUFBSTtFQUNmLE1BQU0sRUFBRSxJQUFJO0VBQ1osT0FBTyxFQUFFLElBQUk7RUFDYixZQUFZLEVBQUUsRUFBRSxHQUdLO0VBYnpCLEFBV0ksSUFYQSxDQVdBLENBQUMsQ0FBQztJQUNFLFNBQVMsRUFBRSxPQUFPO0lBQ2xCLEtBQUssRUFBRSxLQUFLLEdBQUc7O0FBRXZCLEFBQUEsSUFBSSxDQUFDO0VBQ0QsR0FBRyxFQUFFLElBQUksR0FBRzs7QUFFaEIsQUFBQSxPQUFPLENBQUM7RUFDSixNQUFNLEVBQUUsSUFBSSxHQUFHOztBQUVuQixBQUFBLE9BQU8sQ0FBQztFQUNKLE1BQU0sRUFBRSxLQUFLO0VBQ2IsS0FBSyxFQUFFLEtBQUssR0FBRzs7QUFFbkIsQUFBQSxNQUFNLENBQUM7RUFDSCxPQUFPLEVBQUUsSUFBSTtFQUNiLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLE1BQU0sRUFBRSxJQUFJO0VBQ1osZUFBZSxFQUFFLGFBQWE7RUFDOUIsV0FBVyxFQUFFLEdBQUc7RUFDaEIsTUFBTSxFQUFFLE9BQU8sR0FTTTtFQWZ6QixBQU9JLE1BUEUsQ0FPRixNQUFNLENBQUM7SUFDSCxTQUFTLEVBQUUsR0FBRztJQUNkLE9BQU8sRUFBRSxJQUFJO0lBQ2IsVUFBVSxFQUFFLElBQUk7SUFDaEIsTUFBTSxFQUFFLElBQUk7SUFDWixlQUFlLEVBQUUsYUFBYTtJQUM5QixXQUFXLEVBQUUsR0FBRyxHQUFHO0VBYjNCLEFBY0ksTUFkRSxDQWNGLEdBQUcsQ0FBQztJQUNBLE1BQU0sRUFBRSxJQUFJLEdBQUc7O0FBR3ZCLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLE1BQU07RUFDaEMsQUFBQSxNQUFNLENBQUM7SUFDSCxPQUFPLEVBQUUsS0FBSztJQUNkLE1BQU0sRUFBRSxJQUFJLEdBQUc7RUFDbkIsQUFBQSxNQUFNLENBQUM7SUFDSCxjQUFjLEVBQUUsSUFBSSxHQUFHO0VBQzNCLEFBQUEsR0FBRyxDQUFDO0lBQ0EsTUFBTSxFQUFFLElBQUksR0FBRztFQUNuQixBQUFBLElBQUksQ0FBQztJQUNELEdBQUcsRUFBRSxJQUFJLEdBQUc7RUFDaEIsQUFBQSxPQUFPLENBQUM7SUFDSixRQUFRLEVBQUUsTUFBTTtJQUNoQixNQUFNLEVBQUUsQ0FBQyxHQUFHIgp9 */ |