@font-face{font-family:"Lato";font-display:swap;font-style:normal;font-weight:400;src:url("fonts/lato-v16-latin-regular.woff2") format("woff2"),url("fonts/lato-v16-latin-regular.woff") format("woff")}@font-face{font-family:"Lato";font-display:swap;font-style:normal;font-weight:700;src:url("fonts/lato-v16-latin-700.woff2") format("woff2"),url("fonts/lato-v16-latin-700.woff") format("woff")}html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;height:100%;font-size:10px;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{margin:0;display:flex;flex-direction:column;justify-content:space-between;min-width:320px;min-height:100vh;font-size:14px;line-height:1.714em;font-family:"Lato",sans-serif;color:#222;word-wrap:break-word;background-color:#f3f3f3;height:100%}a{color:#53bce6;text-decoration:none;cursor:pointer;background-color:transparent}a:active,a:hover{outline:0}a:hover{color:#03ade4}p,ul{margin:0 0 16px}.header{background-color:#374758;background-image:url("img/header-bg.svg")}.header__content{max-width:960px;margin:auto;padding:20px 20px 30px}.header__title{margin:12px 0;font-size:28px;line-height:1.2em;color:rgba(255,255,255,0.9)}.header__message{position:relative;z-index:1;margin:0 0 30px;font-size:16px;line-height:24px;color:rgba(255,255,255,0.9)}.note{position:relative;display:flex;align-items:center;padding:12px;font-size:16px;line-height:24px;background-color:rgba(255,255,255,0.9);box-shadow:0 4px 8px rgba(0,0,0,0.4);border-radius:4px}.note:after{content:"";position:absolute;top:-76px;right:32%;width:72px;height:143px;background:url("img/guy.png") no-repeat;background-size:contain}.note__button{display:inline-block;margin-left:8px;padding:8px 12px 10px;border-radius:4px;font-weight:700;font-size:16px;line-height:20px;color:rgba(255,255,255,0.9);background-color:#53bce6;z-index:1;white-space:nowrap}.note__message{flex:1;z-index:1}.note__button:hover{color:rgba(255,255,255,0.9);background-color:#03ade4}@media(min-width:768px){.header__inner{max-width:1180px;margin:auto;background:url("img/header-server-page.png") 100% 0 no-repeat;background-size:485px 310px}.header__content{padding:40px 20px}.header__title{margin:64px 0 12px;font-size:40px}.header__message{line-height:28px}.note{padding:24px;font-size:18px;line-height:28px}.note__button{padding:8px 30px 12px;font-size:20px;line-height:28px}}.content{display:block;flex:auto}.content__inner{max-width:960px;margin:auto;padding:26px 20px}.content__title{margin:0 0 8px;font-size:20px;font-weight:400;line-height:28px}.resources-list{display:flex;flex-wrap:wrap;padding:10px 0 0;list-style:none;justify-content:space-around}.resources-list__item{flex:none;min-width:0;padding:10px;text-align:center}.resources-list__item>a{position:relative;display:inline-block;text-align:center}.resources-list__item .icon{display:block;margin:0 auto 8px;width:48px;height:48px;transition:.3s}.footer{flex:none;font-size:13px;line-height:20px;background-color:#374758;color:rgba(255,255,255,0.4)}.footer a{color:rgba(255,255,255,0.4);text-decoration:none;font-weight:bold}.footer a:hover{color:rgba(255,255,255,0.6)}.footer__inner{margin:auto;padding:20px;max-width:640px;text-align:center}