all repos — site @ 542882a67a4d9b3226a90f30795e9bdc7f8ea276

source for my site, found at icyphox.sh

static/style.css (view raw)

  1html,
  2body {
  3	background: #021012;
  4}
  5
  6.container {
  7	position: absolute;
  8	overflow: hidden;
  9	top: 0;
 10	bottom: 0;
 11	left: 0;
 12	right: 0;
 13	color: white;
 14	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 15
 16	-webkit-animation: fadein 3s;
 17	   -moz-animation: fadein 3s;
 18	    -ms-animation: fadein 3s;
 19	     -o-animation: fadein 3s;
 20	        animation: fadein 3s;
 21}
 22
 23@keyframes fadein {
 24	from { opacity: 0; }
 25	to   { opacity: 1; }
 26}
 27
 28@-moz-keyframes fadein {
 29	from { opacity: 0; }
 30	to   { opacity: 1; }
 31}
 32
 33@-webkit-keyframes fadein {
 34	from { opacity: 0; }
 35	to   { opacity: 1; }
 36}
 37
 38.introduction {
 39	position: absolute;
 40	top: 50%;
 41	transform: translateY(-50%);
 42	width: 100%;
 43}
 44
 45.logo {
 46	width: 220px;
 47}
 48
 49.footer {
 50	color: gray;
 51	bottom: 20px;
 52	font-size: 14px;
 53	position: absolute;
 54	width: 100%;
 55	text-align: center;
 56	margin-bottom: 20px;
 57}
 58
 59.footer a {
 60	color: #888;
 61	margin: 0;
 62	transition: all 200ms;
 63	text-decoration: none;
 64}
 65
 66.footer a:hover {
 67	color: #021012;
 68  background: cyan;
 69}
 70
 71.left {
 72	display: inline-block;
 73	margin-bottom: 30px;
 74	margin-left: 0;
 75	margin-right: 30px;
 76}
 77
 78.right {
 79	display: inline-block;
 80}
 81
 82.right a {
 83	display: inline-block;
 84	margin-right: 30px;
 85}
 86
 87.noselect{
 88  -webkit-touch-callout:none;
 89  -webkit-user-select:none;
 90  -khtml-user-select:none;
 91  -moz-user-select:none;
 92  -ms-user-select:none;
 93  user-select:none
 94}
 95
 96@media only screen and (max-width: 40em) {
 97	.left {
 98		display: block;
 99		margin-right: 0;
100	}
101	.right {
102		display: block;
103	}
104	.right a:last-child {
105		margin-right: 0;
106	}
107	.content {
108		left: 15%;
109		width: 70%;
110	}
111
112  .logo {
113    width: 180px;
114  }
115}