yugen.work/assets/css/portfolio.css
2019-11-30 14:14:32 +01:00

192 lines
No EOL
3 KiB
CSS

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
body {
background-color: black;
color: white;
}
.light {
color: black !important;
background: white !important;
}
* {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
.title {
font-size: 5vh;
margin: 0;
text-align: center;
padding: 30px 0 0 0;
}
.toggle {
cursor: -webkit-grab;
cursor: grab;
}
.subtitle {
font-size: 3vh;
bottom: 50px;
text-align: center;
}
sub {
font-size: 1vh;
}
.center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 90px 0 0 0;
}
a {
text-decoration: none;
color: white;
}
body.light a {
color: black;
}
#box {
position: absolute;
z-index: 999;
border: 3vh solid black;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
-webkit-transition: border-color 0.5s ease-in-out;
transition: border-color 0.5s ease-in-out;
}
body.light #box {
position: absolute;
z-index: 999;
border: 3vh solid white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
-webkit-transition: border-color 0.5s ease-in-out;
transition: border-color 0.5s ease-in-out;
}
.yiff:hover {
color: #ff6d62;
}
.yiff:hover ~ #box {
border-color: #ff6d62;
}
.yiff::-moz-selection {
color: white;
background-color: #ff6d62;
}
.yiff::selection {
color: white;
background-color: #ff6d62;
}
body.light .yiff::-moz-selection {
color: black;
background-color: #ff877c;
}
body.light .yiff::selection {
color: black;
background-color: #ff877c;
}
.thaldrin:hover {
color: #ff995d;
}
.thaldrin:hover ~ #box {
border-color: #ff995d;
}
.thaldrin::-moz-selection {
color: white;
background-color: #ff995d;
}
.thaldrin::selection {
color: white;
background-color: #ff995d;
}
body.light .thaldrin::-moz-selection {
color: black;
background-color: #ffb377;
}
body.light .thaldrin::selection {
color: black;
background-color: #ffb377;
}
.homepage:hover {
color: #ac9efc;
}
.homepage:hover ~ #box {
border-color: #ac9efc;
}
.homepage::-moz-selection {
color: white;
background-color: #ac9efc;
}
.homepage::selection {
color: white;
background-color: #ac9efc;
}
body.light .homepage::-moz-selection {
color: black;
background-color: #c6b8ff;
}
body.light .homepage::selection {
color: black;
background-color: #c6b8ff;
}
.yiff {
font-size: 6vh;
}
.thaldrin {
font-size: 6vh;
}
.homepage {
font-size: 6vh;
}
/*# sourceMappingURL=portfolio.css.map */