html,body {
    background: rgb(0,0,0);
    width: 100%;
    height: 100%;
    margin: 0;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
body {
    animation: fadeInAnimation ease 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes blurs {
    0% { filter: blur(0px); }
    10% { filter: blur(1px);}
    20% { filter: blur(2px);}
    30% { filter: blur(3px);}
    40% { filter: blur(2px);}
    50% { filter: blur(1px);}
    60% { filter: blur(2px);}
    70% { filter: blur(3px);}
    80% { filter: blur(2px);}
    90% { filter: blur(1px);}
    100% { filter: blur(0px);}
}
#lines {
    animation: blurs 30s infinite;
    filter: blur(1px);
}
@keyframes color-change {
    0% { background-color: #000000aa; border:1px solid #000000aa; }
    10% { background-color: #00262baa; border:2px solid #00262baa;}
    20% { background-color: #004b55aa; border:3px solid #004b55aa;}
    30% { background-color: #007e8faa; border:2px solid #007e8faa;}
    40% { background-color: #00a4b9aa; border:1px solid #00a4b9aa;}
    50% { background-color: #00e1ffaa; border:0px solid #00e1ffaa;}
    60% { background-color: #00a4b9aa; border:1px solid #00a4b9aa;}
    70% { background-color: #007e8faa; border:2px solid #007e8faa;}
    80% { background-color: #004b55aa; border:3px solid #004b55aa;}
    90% { background-color: #00262baa; border:2px solid #00262baa;}
    100% { background-color: #000000aa; border:1px solid #000000aa;}
}
#discord {
    position: fixed;
    right: 0px;
    bottom: 0px;
    padding: 5px;
}
.seller {
    font-family: monospace;
    color: #FFFFFF;
    cursor: text;
}
.holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.center {
    position: fixed; /*主なクソ事*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -62.3%);
}
.textiboi {
    text-align: center;
    color: #FFFFFF;
    font-family: monospace;
}
.fuckinghell {
    margin-top: -12.5px; /*一番下のテキストのたわごと*/
    text-align: center;
    color: #FFFFFF;
    font-family: monospace;
}
#typElement { /*一番下のテキストのたわごと*/
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    animation: color-change 15s infinite;
    -webkit-box-shadow: 9px 13px 41px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 9px 13px 41px 0px rgba(0,0,0,0.50);
	box-shadow: 9px 13px 41px 0px rgba(0,0,0,0.50);
    margin-top: 5px;
	background-color:rgb(0, 134, 123);
	border-radius:12px;
	border:1px solid rgb(0, 134, 123);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:3px 15px;
	text-decoration:none;
	transition: box-shadow 0.5s;
}
.draggable { /*画像ボタン*/
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.icon { /*画像ボタン*/
	cursor: pointer;
	opacity: 100%;
	padding-left: 10px;
	padding-right: 10px;
	transition: all 250ms;
	-webkit-filter: drop-shadow(0px 4px 5px #919191);
	filter: drop-shadow(0px 4px 5px #919191);
}
.icon:hover {
	opacity: 100%;
	-webkit-filter: drop-shadow(0px 4px 5px #fff);
	filter: drop-shadow(0px 4px 5px #fff);
}
.getyourassinplace {
    margin-top: 15px;
}
#buttonshit { /*ボトムボタン*/
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    animation: color-change 30s infinite;
    -webkit-box-shadow: 9px 13px 41px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 9px 13px 41px 0px rgba(0,0,0,0.50);
	box-shadow: 9px 13px 41px 0px rgba(0,0,0,0.50);
    margin-top: 5px;
	background-color:rgba(0, 59, 54, 0.486);
	border-radius:12px;
	border:1px solid rgba(0, 59, 54, 0.473);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:3px 15px;
	text-decoration:none;
	transition: box-shadow 0.5s;
}
.textiboi:hover {
    color: white;
}
.header {
    text-align: center;
    color: #FFFFFF;
    font-family: monospace;
}
.header a {
    text-decoration: none;
}
.hoverr:hover a {
    color: white;
}
.header:hover {
    text-align: center;
    color: white;
    font-family: monospace;
}
.container:hover .seller {
    color: white;
}
.container:hover a {
    color: white;
}
.a {
    text-align: center;
    color: white;
    font-family: monospace;
}
.header:hover a {
    text-align: center;
    color: white;
    font-family: monospace;
}
.icon {
    color: #FFFFFF;
}
.icon i {
    font-size: 80px;
}
.container {
    text-align: center;
    margin: 5px 20px;
    float: left;
}
a {
    color: #FFFFFF;
}
.container:hover .icon {
    color: var(--icon-color);
    font-size: 20px;
}
.container:hover .seller {
    color: white;
}
.container:hover a {
    color: white;
}