frozen dust css by itsjustmisty Images Configs / CSS This set does not include any images. @font-face { font-family: gamefont; src: url(https://fonts.gstatic.com/s/inter/v2/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2); } @font-face { font-family: hpammo; src: url(https://reizu.moe/fonts/Renogare.ttf); } .marketCard { position: relative; text-align: center; color: #fff; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; padding: 10px; width: 210px; height: 215px; vertical-align: top; background-color: rgba(0,0,0,.6); border-radius: 16px; display: inline-block; z-index: 1; pointer-events: auto; cursor: pointer; } html, body { background-image: url(https://i.pinimg.com/originals/1b/28/b4/1b28b4f00e6c243d3a37b9dd706c7c6a.gif); background-size: cover; height: 100% } .leaderBtn { color: #69f9ff!important; margin-right: 2px; margin-left: 2px; background-color: rgba(0,0,0,.2); padding: 10px; padding-left: 15px; padding-right: 15px; font-size: 16px; border-radius: 16px; display: inline-block; cursor: pointer; } #navTitle { top: 12px; position: absolute; font-size: 35px; color: #8dfbf6; z-index: 11; left: 50%; transform: translate(-50%,0); } .scrollItem { vertical-align: top; font-size: 20px; margin-bottom: 20px; padding: 10px; padding-left: 20px; padding-right: 20px; width: 680px; text-align: left; background-color: #30ffe8; } * { outline: none; font-family: gamefont; color: #ff23ef; } #offerPop { pointer-events: auto; border-radius: 24px; background-color: rgb(59 156 148 / 75%); padding: 15px; text-align: left; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-51%) scale(.8); color: #22e5ee; width: 679px; } .tOfferBtn.remove { background-color: #eb5656; width: 670px; border-radius: 14px; } .material-icons.mic1 { font-size: 50px; color: #05f6ea; margin-left: 10px; margin-right: 10px; } #marketSearchB { color: #4dfffe; background-color: #6ebfb5; font-size: 19px; padding: 10px; margin-left: 2px; vertical-align: top; padding-left: 12px; padding-right: 12px; border-radius: 5px; display: inline-block; cursor: pointer; } .cardActions { position: absolute; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.85); display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgba(255,255,255,.5); font-size: 12px; transition: .2s opacity; border-radius: 14px; } .lds-ring { visibility: hidden; } .menuItem { background: linear-gradient(45deg, magenta, green, #66e0ff); border-radius: 40% !important; } .menuItem:hover { background: linear-gradient(45deg, #66e0ff, green, magenta); } .menuItem .menuItemTitle { margin-top: -20%; color: #171616; } .headerBar { position: absolute; top: 0; height: 70px; padding: 0 12px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; background-color: rgb(8 223 245 / 50%); pointer-events: auto; } .button { position: relative; display: inline-block; box-sizing: border-box; border-radius: 20px; padding: 12px 18px; padding-top: 14px; margin-bottom: 6px; background-color: #ffc147; box-shadow: inset 0 -7px 0 0 #b08531; text-align: center; color: #fff; text-shadow: -1px -1px 0 #202020, 1px -1px 0 #202020, -1px 1px 0 #202020, 1px 1px 0 #202020, -2px -2px 0 #202020, 2px -2px 0 #202020, -2px 2px 0 #202020, 2px 2px 0 #202020; pointer-events: all; cursor: pointer; -webkit-transition: all .1s; transition: all .1s; } #merchImg { visibility: hidden; } img#mainLogo { visibility: hidden; } #gameNameHolder:after { content: "Krunker.io"; position: absolute; top: 86px; /* font-size: 64px; */ color: white; } #gameNameHolder { padding-right: 62px; top: 21px; font-size: 76px; position: absolute; text-align: center; } #gameNameHolder:before,#gameNameHolder:after { display: block; content: "FRZN"; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .8 white-space: pre; } #gameNameHolder:after { color: #80e5ff; z-index: -2; animation: glitch .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite } #gameNameHolder:before { color: #00ccff; z-index: -1; animation: glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite } @keyframes glitch { 0% { -webkit-transform: translate(0); transform: translate(0) } 20% { -webkit-transform: translate(-5px,5px); transform: translate(-5px,5px) } 40% { -webkit-transform: translate(-5px,-5px); transform: translate(-5px,-5px) } 60% { -webkit-transform: translate(5px,5px); transform: translate(5px,5px) } 80% { -webkit-transform: translate(5px,-5px); transform: translate(5px,-5px) } to { -webkit-transform: translate(0); transform: translate(0) } } #menuWindow { background: linear-gradient(45deg, magenta, green, #66e0ff); border-radius: 12% !important; bottom: 294.895px; top: auto !important; box-shadow: 0 9.6px 0 0 #070707 !important; display: inline-block !important; left: 30.480px !important; right: auto !important; max-height: calc(100% - 50%) !important; overflow-y: auto !important; padding: 1% !important; pointer-events: auto !important; position: absolute !important; text-align: left !important; transform: none !important; width: 723.072px !important; z-index: 2 !important; } .button.small { background: linear-gradient(45deg, purple, aqua, green) } « Previous set | Next set »