body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5b759;overflow:auto;color:#fff;scroll-behavior:smooth;overflow-x:hidden}.img{width:760px;height:auto}.success-message{margin-right:10px}#okno{display:flex;align-items:center;justify-content:center;width:35%;height:auto;text-align:center;padding:15px;border-radius:10px;color:white;position:absolute;top:10px;right:10px;background-color:rgba(10,82,10,0.7);z-index:100}.close{display:inline-block;vertical-align:middle;padding:0 12px;margin:0;height:40px;color:white;text-decoration:none;cursor:pointer}.close:hover{background:rgba(125,124,124,0.1)}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.online-map-container{display:flex;align-items:center;justify-content:space-between}.map-icon{display:flex;justify-content:flex-end;align-items:center;margin-left:10px}.mic-icon{display:none}.rules-icon{display:flex;justify-content:flex-end;align-items:center;margin-left:auto}.fill-elegant-dark{fill:#212121}.pattern.bottom{position:relative;top:150px;left:0;margin:0;width:100%;height:100%;transform:scaleY(-1)}.scrollable-background-container{background-color:#212121;width:100%}.background-image{width:100%;height:100%;background-image:url('/assets/background-image.jpg');background-size:cover;background-blend-mode:overlay;background-position:center center;opacity:0.5}.content{position:relative;text-align:center;z-index:1;padding-top:9rem}header{text-align:center;position:relative;z-index:1}header h1{font-size:5rem;margin:0}header p{font-size:2rem;margin:0}main{padding:6rem}.news-and-servers-title{display:flex;height:70px;margin-left:50px;margin-right:50px;background-color:#313131;border-radius:10px;padding:10px}.news-titles{width:73.3%;margin-top:20px}.servers-titles{margin-left:auto;width:22.33%;margin-top:20px}.news-titles a{color:white;text-decoration:none;font-size:1.5rem;margin:0;font-weight:bold}.news-titles a:hover{text-decoration:underline}.servers-titles h2{font-size:1.5rem;margin:0}.news-and-servers{display:flex}.news-block{display:flex;width:75%;flex-direction:column;padding:20px;margin-left:30px;box-sizing:border-box;gap:20px}.news-item{display:none;background-color:#313131;border-radius:10px;padding:10px;margin-bottom:20px}.news-item:nth-last-child(-n+3){display:block}.news-title{font-size:1.2rem;margin-bottom:5px}.news-content{font-size:1rem;text-align:left}.video{width:760px;height:316px}.server-list{margin-left:50px;margin-top:20px;background-color:#313131;border-radius:10px;margin-right:50px;margin-bottom:40px;width:25%;padding:20px;box-sizing:border-box}.server{display:flex;flex-direction:column;align-items:center}.survival{font-size:1rem;font-weight:300;text-align:right}#survival-online{font-size:0.8rem;font-weight:300;text-align:left}.grief{font-size:1rem;font-weight:300;text-align:right}#grief-online{font-size:0.8rem;font-weight:300;text-align:left}.online-count{text-align:center;color:white;text-decoration:none;font-size:1rem;font-weight:300;line-height:32px}.online-count a:hover{text-decoration:underline}.loader{width:100px;height:32px;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}.loading-bar{width:10px;height:5px;background-color:#fff;animation:loading 2s alternate infinite;animation-timing-function:ease-in-out;transform-origin:center bottom;margin:0 2px}.loading-bar:nth-child(2){animation-delay:0.5s}.loading-bar:nth-child(3){animation-delay:1s}@keyframes loading{0%{transform:scaleY(1)}100%{transform:scaleY(2)}}.online-info{position:relative;text-align:center;color:#fff;margin:0 auto;width:13%;height:32px;background-color:rgba(51,51,51,0.4);overflow:hidden}.progress-bar{width:100%;height:5px;background-color:#5b5b5b;margin-bottom:50px}.progress{height:100%;width:0;background-color:#f5b759}@media (max-width:767px){body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:rgba(245,183,89,0.3);overflow-y:scroll;color:#fff;scroll-behavior:smooth}.img{width:250px;height:auto}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background-image{width:100%;height:100%;background-image:url('/assets/background-image.jpg');background-size:cover;background-blend-mode:overlay;background-position:center center;opacity:0.4}.fill-elegant-dark{fill:#212121}header h1{display:flex;font-size:3rem;justify-content:center}header p{font-size:1.2rem;margin:0}.content{padding-top:6rem}.online-map-container{flex-direction:column;align-items:center;justify-content:space-around;padding:1rem}.news-and-servers-title{flex-direction:column;align-items:center;margin:10px;padding:10px}.servers-titles{display:none}.news-block{width:100%;padding:10px;margin:10px 0}.video{width:250px;height:auto}.server-list{display:none}.server-name{font-size:1rem}.online-info{display:flex;align-items:center;justify-content:center;margin:0 auto;width:75%;height:24px}.online-count{text-align:center;color:white;text-decoration:none;font-size:0.75rem;font-weight:300;line-height:32px}.progress-bar{margin-bottom:20px}.progress{width:100%}.pattern.bottom{position:relative;top:110px;left:0;margin:0;width:100%;height:100%;transform:scaleY(-1)}}