@import url("https://fonts.googleapis.com/css?family=Montserrat|Montserrat:b|Montserrat:i");
:root {
  --text-white: #f4f4f4;
  --bg: #151515;
  --container: #1d1d1d;
  --accent-purple: #cd40ff;
  --accent-green: #00ff2e;
  --accent-gold: #ecba41;
  font-size: 16px; }

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

body {
  min-height: 100vh;
  font-family: "Montserrat", sans-serif;
  background-color: var(--bg); }

main {
  padding: 2rem;
  text-align: center; }
  @media screen and (min-width: 1030px) {
    main {
      text-align: left; } }
  main h1 {
    color: var(--text-white);
    margin-bottom: 2rem; }
  main .app--grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2rem;
    -webkit-column-gap: 2rem;
            column-gap: 2rem;
    margin-bottom: 2rem;
    justify-content: center; }
    @media screen and (min-width: 1030px) {
      main .app--grid {
        justify-content: initial; } }
    main .app--grid--item {
      max-width: 100%;
      width: 300px;
      overflow: hidden;
      background-color: var(--container);
      color: var(--text-white);
      text-decoration: none;
      display: grid;
      grid-template-rows: 170px 1fr; }
      main .app--grid--item .imgWrapper img {
        max-width: 100%;
        height: auto; }
      main .app--grid--item .contentWrapper {
        padding: 1rem;
        text-align: center;
        display: grid;
        row-gap: 1rem;
        grid-template-rows: auto auto 1fr;
        position: relative; }
        main .app--grid--item .contentWrapper::after {
          position: absolute;
          content: "";
          height: 100%;
          width: 2px;
          left: 0;
          top: 0;
          background: var(--accent-purple); }
        main .app--grid--item .contentWrapper .title {
          font-weight: bold;
          font-size: 1.2rem;
          text-transform: uppercase; }
        main .app--grid--item .contentWrapper .access {
          font-size: 0.9rem; }
    main .app--grid.server .contentWrapper::after {
      background: var(--accent-green); }
    main .app--grid.websites .contentWrapper::after {
      background: var(--accent-gold); }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkZBQVk7QUFFWjtFQUNJLHFCQUFhO0VBQ2IsYUFBSztFQUNMLG9CQUFZO0VBQ1osd0JBQWdCO0VBQ2hCLHVCQUFlO0VBQ2Ysc0JBQWM7RUFFZCxlQUFlLEVBQUE7O0FBRW5CO0VBQ0ksc0JBQXNCO0VBQ3RCLFVBQVU7RUFDVixTQUFTLEVBQUE7O0FBR2I7RUFDSSxpQkFBaUI7RUFDakIscUNBQXFDO0VBQ3JDLDJCQUEyQixFQUFBOztBQUUvQjtFQUNJLGFBQWE7RUFDYixrQkFBa0IsRUFBQTtFQUNsQjtJQUhKO01BSVEsZ0JBQWdCLEVBQUEsRUErRXZCO0VBbkZEO0lBT1Esd0JBQXdCO0lBQ3hCLG1CQUFtQixFQUFBO0VBUjNCO0lBV1EsYUFBYTtJQUNiLGVBQWU7SUFDZixhQUFhO0lBQ2Isd0JBQWdCO1lBQWhCLGdCQUFnQjtJQUNoQixtQkFBbUI7SUFDbkIsdUJBQXVCLEVBQUE7SUFDdkI7TUFqQlI7UUFrQlksd0JBQXdCLEVBQUEsRUFnRS9CO0lBbEZMO01BdUJZLGVBQWU7TUFDZixZQUFZO01BQ1osZ0JBQWdCO01BQ2hCLGtDQUFrQztNQUNsQyx3QkFBd0I7TUFDeEIscUJBQXFCO01BQ3JCLGFBQWE7TUFDYiw2QkFBNkIsRUFBQTtNQTlCekM7UUFrQ29CLGVBQWU7UUFDZixZQUFZLEVBQUE7TUFuQ2hDO1FBdUNnQixhQUFhO1FBQ2Isa0JBQWtCO1FBQ2xCLGFBQWE7UUFDYixhQUFhO1FBQ2IsaUNBQWlDO1FBSWpDLGtCQUFrQixFQUFBO1FBL0NsQztVQWlEb0Isa0JBQWtCO1VBQ2xCLFdBQVc7VUFDWCxZQUFZO1VBQ1osVUFBVTtVQUNWLE9BQU87VUFDUCxNQUFNO1VBQ04sZ0NBQWdDLEVBQUE7UUF2RHBEO1VBMERvQixpQkFBaUI7VUFDakIsaUJBQWlCO1VBQ2pCLHlCQUF5QixFQUFBO1FBNUQ3QztVQStEb0IsaUJBQWlCLEVBQUE7SUEvRHJDO01BdUVvQiwrQkFBK0IsRUFBQTtJQXZFbkQ7TUE4RW9CLDhCQUE4QixFQUFBIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgdXJsKFwiaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M/ZmFtaWx5PU1vbnRzZXJyYXR8TW9udHNlcnJhdDpifE1vbnRzZXJyYXQ6aVwiKTtcblxuOnJvb3Qge1xuICAgIC0tdGV4dC13aGl0ZTogI2Y0ZjRmNDtcbiAgICAtLWJnOiAjMTUxNTE1O1xuICAgIC0tY29udGFpbmVyOiAjMWQxZDFkO1xuICAgIC0tYWNjZW50LXB1cnBsZTogI2NkNDBmZjtcbiAgICAtLWFjY2VudC1ncmVlbjogIzAwZmYyZTtcbiAgICAtLWFjY2VudC1nb2xkOiAjZWNiYTQxO1xuXG4gICAgZm9udC1zaXplOiAxNnB4O1xufVxuKiB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbn1cblxuYm9keSB7XG4gICAgbWluLWhlaWdodDogMTAwdmg7XG4gICAgZm9udC1mYW1pbHk6IFwiTW9udHNlcnJhdFwiLCBzYW5zLXNlcmlmO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJnKTtcbn1cbm1haW4ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMzBweCkge1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cbiAgICBoMSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXdoaXRlKTtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgICB9XG4gICAgLmFwcC0tZ3JpZCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgICAgcm93LWdhcDogMnJlbTtcbiAgICAgICAgY29sdW1uLWdhcDogMnJlbTtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMzBweCkge1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBpbml0aWFsO1xuXG4gICAgICAgIH1cblxuICAgICAgICAmLS1pdGVtIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpZHRoOiAzMDBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb250YWluZXIpO1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLXRleHQtd2hpdGUpO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogMTcwcHggMWZyO1xuXG4gICAgICAgICAgICAuaW1nV3JhcHBlciB7XG4gICAgICAgICAgICAgICAgaW1nIHtcbiAgICAgICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLmNvbnRlbnRXcmFwcGVyIHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxcmVtO1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgICAgIHJvdy1nYXA6IDFyZW07XG4gICAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIGF1dG8gMWZyO1xuICAgICAgICAgICAgICAgIC8vIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgzMDguNzNkZWcsIHZhcigtLWFjY2VudC1wdXJwbGUpIDAlLCB2YXIoLS1jb250YWluZXIpIDE0Ljk5JSk7XG4gICAgICAgICAgICAgICAgLy8gaGVpZ2h0OiAxMDAlO1xuXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAycHg7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tYWNjZW50LXB1cnBsZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC50aXRsZSB7XG4gICAgICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICAgICAgICAgICAgICBmb250LXNpemU6IDEuMnJlbTtcbiAgICAgICAgICAgICAgICAgICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLmFjY2VzcyB7XG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMC45cmVtO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYuc2VydmVyIHtcbiAgICAgICAgICAgIC5jb250ZW50V3JhcHBlciB7XG4gICAgICAgICAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1hY2NlbnQtZ3JlZW4pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmLndlYnNpdGVzIHtcbiAgICAgICAgICAgIC5jb250ZW50V3JhcHBlciB7XG4gICAgICAgICAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1hY2NlbnQtZ29sZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIl19 */