body {
      background-image: url('/bgs/angelic.png');
    }

      .container {
      position: relative;
      width: 100%;
      background-image: url('https://64.media.tumblr.com/f3d4f9100ec5dd1070048e2e1e86c190/54dbdd530a69c1c9-f8/s75x75_c1/554afeed0758997760577ced06f2027841b0b628.pnj');
      border: 10px solid transparent;
      border-image: url('https://i.postimg.cc/XJNLPzzj/8d664dfe8f8c63ee0d1c0c6b7752f7bd3e0c39fa.png') 40 round;
      border-image-width: 15px;
    }

    .header {
      width:100%;
      height: 170px;
      position: sticky;
      background-image: url('https://i.pinimg.com/736x/79/0b/1e/790b1ed31a018b12bf178b7199fde6b3.jpg');
      background-size: cover;
      background-position: left center;
      float: none;
      font-family: Angelic Peace;
      color: pink;
    }
    .flex {
      display: flex;
    }
    .left {
      width: 25%;
      flex-direction: column;
      flex: 1;
    }
    .navi {
      width: 100%;
      height: 500px;
      border: 2px ridge pink;
      background-color: #ffffff;
    }
    .nav {
      width: 250px;
        border-width:2px;
        border-style:ridge;
        border-color:pink;
        margin-top:5px;
        margin-left:-10px;
        background:#ffecf8;
        background-image:url('https://imgur.com/Oz54l9w');
        overflow:hidden;   
    }
    .buttons {
    }
    .stats {
      width: 100%;
      height: 100px;
    }
    .etc {
      width: 100%;
      height: 75px;
    }
    .nav2 {
      width: 100%;
    }
    .button2 {
      background-color: #fad9ef;
      width: 75px;
      text-align: center;
      border: transparent;
    }
    .section {
  display: none;
}
.section.active {
  display: block;
}
 
    .center {
      width: 50%;
      flex-direction: column;
      flex: 1;
    }
    .about {
      width: 100%;
      height: 250px;
      background-color: pink;
    }
    .split {
      height: 150px;
      flex-direciton: row;
    }
    .updates {
    }
    .magazine {
      width: 100%;
      background-image: url('https://i.pinimg.com/474x/a8/82/16/a882167ac034f5268d15e86ff2630ec3.jpg');
    }
    .right {
      width: 25%;
      flex-direction: column;
      flex: 1;
    }
    .chatbox {
    }
    .calendar {
    }
    .poll {
    
    }
    
    .snowflake {
font-size: 16px;
}

    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
    
    @font-face {
  font-family: Angelic Peace;
  src: url(https://files.catbox.moe/ogg5n1.ttf);
}