layout 4 marli

ABOUT ME:

give one of the titles a click !
<!-- Wrapper for whole element -->
<div class="panel-container">
    <!-- Links/buttons that switch which panel is targeted -->
    <a class="panel-button" href="#about"> about me // </a>
    <a class="panel-button" href="#interests"> interests //  </a>
    <a class="panel-button" href="#music"> digital record collection </a>


    <!-- This the panel that is displayed -->
    <div class="panel" id="about" style="display: none">
      <div class="panel-border">
<p>


</p><div style="width: 400px; height: 120px; background-color: ; border-color: ; border-width: 1px; border-style: solid; color: ; font-size: 17px; overflow: auto;"><p>
Lorem ipsum odor amet, consectetuer adipiscing elit. Faucibus malesuada ex nullam quis facilisis habitant lacus. Sodales himenaeos semper a proin urna magna netus aptent senectus. Feugiat platea auctor ornare ultricies fringilla molestie. Semper pulvinar fames; rhoncus nostra enim gravida. Inceptos in habitasse quis nibh cras elit massa. Pretium augue gravida curabitur elementum himenaeos, senectus proin ad. Orci mi eu litora efficitur per urna finibus nullam donec. Afermentum per imperdiet eros ultricies aenean.
</p>
</div>
      </div>
    </div>
<div class="panel" id="interests" style="display: none">
      <div class="panel-border">
    <p> </p><div style="width: 400px; height: 80px; background-color: ; border-color: ; border-width: 8px; border-style: ;color: ; font-size: 11px; overflow: auto;">


<marquee behavior="scroll" direction="left">

<img src="https://y2k.neocities.org/stamps/tumblr_pgf5mzpwtc1xzybrpo5_100.png" width="120" height="80" alt="Natural"/>
<img src="https://y2k.neocities.org/stamps/tumblr_pgf5mzpwtc1xzybrpo2_100.png" width="120" height="80" alt="Natural"/>
<img src="https://y2k.neocities.org/stamps/hewwo%20kitty.png" width="120" height="80" alt="Natural"/>
<img src="https://y2k.neocities.org/stamps/lts.png" width="120" height="80" alt="Natural"/>
<img src="https://y2k.neocities.org/stamps2/db13uc6-4f53ae41-d0a0-4447-a790-b1540ce55359.png" width="120" height="80" alt="Natural"/>
<img src="https://raining-starss.neocities.org/s2%20(11).gif" width="120" height="80" alt="Natural"/>
<img src="https://raining-starss.neocities.org/goodieblink%20(41).gif" width="120" height="80" alt="Natural"/>
<img src="https://raining-starss.neocities.org/rainbow%20(3).gif" width="120" height="80" alt="Natural"/>
<img src="https://supplies.ju.mp/assets/images/gallery01/3f6d45b4.png?v=6a50b904" width="120" height="80" alt="Natural"/>
<img src="https://supplies.ju.mp/assets/images/gallery01/3c381a9d_original.gif?v=6a50b904" width="120" height="80" alt="Natural"/>
<img src="https://supplies.ju.mp/assets/images/gallery01/ed5271e3_original.png?v=6a50b904" width="120" height="80" alt="Natural"/>
<img src="https://supplies.ju.mp/assets/images/gallery02/052cf1f0_original.png?v=6a50b904" width="120" height="80" alt="Natural"/>
<img src="https://supplies.ju.mp/assets/images/gallery02/5fbf37db_original.gif?v=6a50b904" width="120" height="80" alt="Natural"/>
<img src="https://external-media.spacehey.net/media/sme0ZwEM1KywE8FER-wWQ16cOY3QxuUFWEdWyx7JbTj4=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4bc6762f-ff24-43bc-b884-e02c9f250832/dax2rmv-5ac3a627-6572-48f7-9611-c39f27b8163b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRiYzY3NjJmLWZmMjQtNDNiYy1iODg0LWUwMmM5ZjI1MDgzMlwvZGF4MnJtdi01YWMzYTYyNy02NTcyLTQ4ZjctOTYxMS1jMzlmMjdiODE2M2IucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.uvMCpxbhCA5Pqdgf6rd5_vcyhXSPCYRNLUZIRJWOhA8" width="120" height="80" alt="Natural"/>
<img src="https://external-media.spacehey.net/media/s38Tlk6GK5dp4R06gx1RfkTK1V1qNe6hYSKyxRlnOGz4=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ef8881db-717c-4ece-b924-53a1ff98a50b/d1u7as3-c314625b-2016-4d1d-8011-807ba9158f33.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VmODg4MWRiLTcxN2MtNGVjZS1iOTI0LTUzYTFmZjk4YTUwYlwvZDF1N2FzMy1jMzE0NjI1Yi0yMDE2LTRkMWQtODAxMS04MDdiYTkxNThmMzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.8Xhuic8UasgKw5-jC6M57PH2EtBmuKIz3ZQ7kFRfBHU" width="120" height="80" alt="Natural"/>
<img src="https://external-media.spacehey.net/media/s7nftaCzAFQx2z7QBebpDiYmdArZd9Rh-k2ncTabFynw=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a8671558-f0b8-4828-8867-ef48e5b6daa5/dbz8r85-8fa1bad1-dcf2-4ef5-b2d0-a1f9e33b680d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E4NjcxNTU4LWYwYjgtNDgyOC04ODY3LWVmNDhlNWI2ZGFhNVwvZGJ6OHI4NS04ZmExYmFkMS1kY2YyLTRlZjUtYjJkMC1hMWY5ZTMzYjY4MGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.v-ETVcW3N7u8ph78lt2qybuabAFvzx7QkT3Qi9ob-3c" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/3e103502b08cad4301031b2eaa23608a/e3a795ea705b8b2c-87/s100x200/a5a1904110ab0a71796625836febb6052e921fbc.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/c65ffdd32c329c8fdd6b420826ad9567/e3a795ea705b8b2c-4e/s100x200/762c228d13ba28b613bccffd2008e7dd62e13ede.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/daa9fdcdb2880cc5be8020bc3863b4c1/e3a795ea705b8b2c-a7/s100x200/586c3ed9dd758eb5f65526b5b9c9db3c16029fd6.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/664fec6a950fa0c01484a691141ba5a4/e3a795ea705b8b2c-18/s100x200/eae206af890db452579da5f655e0ddee3323dfc9.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/b86620277825bbba4a674f52fd1f7f4c/d91ef10a5b0a015c-50/s100x200/f56fc9f677888f6451fe10b2180c0af2c5677530.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/530fb6d1258c072abfbb0baa6629fdb6/d75f79ba8da9c3a5-52/s100x200/4c76874b2c5e28961a9a1e44651a010a99077748.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/af0913292367a9c708ee55577cac80d8/1b8381f969116a1e-e4/s100x200/5c30426d35210bd2c8384bc5c96891a0b06c8f69.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/7d95cccd1ef31aa7696df1b8c0bbae62/0a844093c4702aee-2e/s100x200/850bc8aad30c4fcea577a50ec9331504307ee1b8.jpg" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/97b7407aadefde171f7a71ef766a8892/0a844093c4702aee-6b/s100x200/691d3ac8dcc5a0b3268aa1d50d7302d3bb6a2d2b.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/13d261e20e9fb84c5d9e2881478098fc/65ab56dd16d6c002-c4/s100x200/e6c27f611a9ac5feb837700c335b8df60ca299b3.gifv" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/8061f0e271108de0b7f43fd380d8787c/65ab56dd16d6c002-78/s100x200/44489bcf8c538b47364a0ce03774e48d8f84dd52.pnj" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/9f7aa7377efe3125cd1b656005fafed6/8bdeba2cbc867670-38/s100x200/715dd673fd18d03a4cef14ad827ea17a98a28e77.gifv" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/8fa6e27c0f6e34bcecf212beda8a03a6/1b8381f969116a1e-74/s100x200/5e81a668c738b72123f42e163f02b6ecea96bdbf.gifv" width="120" height="80" alt="Natural"/>
<img src="https://64.media.tumblr.com/c5093af171ff9d52ed1f577f8ccca460/1b8381f969116a1e-81/s100x200/064fbad55d848c522a81a9c29b37cfef7333ddb9.gifv" width="120" height="80" alt="Natural"/>
<img src="" width="120" height="80" alt="Natural"/>
<img src="" width="120" height="80" alt="Natural"/>
<img src="" width="120" height="80" alt="Natural"/>
<img src="" width="120" height="80" alt="Natural"/>

<img src="https://y2k.neocities.org/blinkiez/hellokitty.gif" width="120" height="80"/>


  </marquee>

</div>
      </div>
      </div>

    <div class="panel" id="music" style="display: none">
      <div class="panel-border">
<p> </p><div style="width: 400px; height: 180px; background-color: ; border-color: ; border-width: 8px; border-style: ;color: ; font-size: 11px; overflow: scroll;">


<marquee behavior="scroll" direction="up">


<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://m.media-amazon.com/images/I/81aECQlJWwL._UF894,1000_QL80_.jpg"/>
</div>

<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/09/77/ad/0977ad663a2e09e663b4ca893605f604.jpg"/>
</div>



<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/28/cd/6e/28cd6e81e2788fdb01b0792d1a42efea.jpg"/>
</div>


<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/d8/60/3b/d8603b48d65709fb778ee9335e038e53.jpg"/>
</div>



<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: right;
    align-items: right;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/3e/40/64/3e406414a653019a09e7e19e30627d9d.jpg"/>
</div>


<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: right;
    align-items: right;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/736x/62/26/c1/6226c1181fda7d47781acd74ffa92840.jpg"/>
</div>


<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: right;
    align-items: right;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/57/f2/e7/57f2e7b89cba906f8e2eba1d85a5e134.jpg"/>
</div>

<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: right;
    align-items: right;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/46/d9/63/46d963cde434cbcb3dc88be69d598c3e.jpg"/>
</div>


<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: right;
    align-items: right;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/736x/a6/b2/fa/a6b2fa1b0c724150acfb596bcde4f0fc.jpg"/>
</div>



<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: right;
    align-items: right;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/1c/ce/ac/1cceac6c3220b975befe2754e2978130.jpg"/>
</div>

<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
 
  .recordPlayer {
    display: flex;
    justify-content: right;
    align-items: right;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://i.pinimg.com/564x/41/eb/53/41eb530229370ee074dfc8475c067918.jpg"/>
</div>

  </marquee>

</div>

  </div>
</div>


<style>
    /*========Panel Styles==========*/
    .panel:target {
        display: block !important;
    }
    /* move button down so that it is still visible when
        page navigates to new target */
    .panel-button {
        position: relative;
        top: 5px;
        margin-top: -40px;
        background-colour: #ffffff;
    }
    /* Push content down to adjust for button position */
    .panel {
        margin-top: 5px;
        padding-top: 5px;
    }
</style>



<style>
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"movies & series"; font-size:.7rem; }

.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"characters"; font-size:.7rem; }

.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"credits "; font-size:.7rem; }

.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

</style>










<iframe width="0" height="0" src="https://www.youtube.com/embed/NMEiEECLKFo?autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* Add to Friends */
    content: url(https://64.media.tumblr.com/tumblr_m230qzY9nT1qfamg6.gif)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* Add to Favorites */
    content: url(https://supplies.ju.mp/assets/images/tiny1/d894132a.gif?v=6a50b904)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* Send Message */
    content: url(https://64.media.tumblr.com/5e8dbe924ffdd81d192c24f4f8d3521e/tumblr_inline_mwoexl620k1r8evev.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* Forward to Friend */
    content: url(https://64.media.tumblr.com/tumblr_lkl67kdjMw1qfamg6.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    /* Instant Message */
    content: url(https://64.media.tumblr.com/187625b8b1ea37d666d38214b3fb911d/tumblr_inline_mi5xe0nACY1qz4rgp.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* Block User */
    content: url(https://supplies.ju.mp/assets/images/gallery04/ada59e16.gif?v=6a50b904)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* Add to Group */
    content: url(https://static.tumblr.com/rltvkjt/4YZlmr3vl/mini-164.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* Report Profile */
    content: url(https://static.tumblr.com/rltvkjt/9lnlmr41u/th_k_atencao.gif)
}
<style/>





<style>



<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Dekko&display=swap');
</style>


<style>
.dekko-regular {
  font-family: "Dekko", cursive;
  font-weight: 400;
  font-style: normal;
}
<style/>
<style>

.logo {

filter: invert(87%) sepia(100%) saturate(200%) hue-rotate(-10deg) brightness(600%) contrast(100%)
}
}

</style>

<style>html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/cb/ec/e5/cbece55702d766d1b936e201fbf5836e.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain
  70% { transform:translate(0%, 15%) }
}</style>

<style>
.blog-preview .pinned .icon{
content: url('https://media1.tenor.com/m/x9yjzZbA7JMAAAAC/coraline-othermother.gif');

}

</style>

<style>
body {
animation: floating 3s ease-in-out infinite;
font-family: Dekko;
font-size: 20px;
background-color: none;
border-radius: 15px;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: rgba(255, 227, 144, 1);
background-color: rgba(75, 60, 105, 0.75);
border: 1px dashed rgba(255, 227, 144, 0.7);
border-radius: 15px;
font-family: inherit;
}
p, i, b, .count {
color: rgba(255, 227, 144, 1)!important;
}
a, .profile .friends .person p, .logout-btn {
color: rgba(255, 227, 144, 1) !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: rgba(255, 227, 144, 1);
}
nav .top {
margin-top: 2px;
background: none;
background-color: rgba(75, 60, 105, 0.75);
border: 2px dashed rgba(255, 227, 144, 0.7);
border-radius: 15px;
border-bottom: none;
}
nav .links {
background-color: rgba(75, 60, 105, 0.75);
border: 2px dashed rgba(255, 227, 144, 0.7);
border-radius: 15px;
}
body{
background-image: url("https://i.pinimg.com/736x/ba/64/b6/ba64b6b62e7f74001165eeeb390199ca.jpg");
background-attachment: fixed;
background-size: 800px;
}
main:before {
    width: 100%;
    height: 200px;
    display: block;
    content: "";
    background-image: url('https://i.pinimg.com/originals/d3/5d/82/d35d8273d531634c92ce580b14c697a3.gif');
    background-position: center center;
    background-size: cover;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 200px;
    }
}
main {

background: rgba(75, 60, 105, 0.75);
color: rgba(250, 239, 174, 1);
border-left: 2px dashed rgba(250, 239, 174, 0.7);
border-radius: 15px;
border-right: 2px dashed rgba(250, 239, 174, 0.7);
border-radius: 15px;
}
.heading, .url-info {
color: rgba(250, 239, 174, 1) !important;
background: none;
background-color: rgba(75, 60, 105, 0.75) !important;
border: 2px dotted rgba(250, 239, 174, 0.7) !important;
}
.inner {
color: rgba(250, 239, 174, 1) !important;
border: 2px dotted rgba(250, 239, 174, 0.7);
}
.profile-info {
border: 2px dotted rgba(250, 239, 174, 0.7);
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid rgba(250, 239, 174, 0.7);
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: rgba(250, 239, 174, 1) !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid rgba(250, 239, 174, 0.7);
border-collapse: collapse;
}
td {
color: rgba(250, 239, 174, 1) !important;
background: none;
background-color: rgba(75, 65, 105, 0.95) !important;
}
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 40px;
}
footer {
background: rgba(40, 60, 80, 0.8);
border: 2px dashed rgba(250, 239, 174, 0.7);
}
footer p {
background: url("https://i.pinimg.com/736x/2a/94/1d/2a941d168499b54e5ed4dcc27ff8a9d9.jpg");
}

.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }
}

<style>.top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}</style>


<style>
body:before {
content: "";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media1.tenor.com/m/ezWs5gGVEnwAAAAC/saw.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>


<style>.contact img.icon {
display: pink;
}
</style>

<style>.container{width: 800px !important;}</style>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;"><img src="https://external-media.spacehey.net/media/sH-9wVXYGgE0wuX8QCyrYi9FQtzzy4DKBQP4oeShEGD8=/https://files.catbox.moe/0dh83f.png" width="250" height="350"/></div>

<style>* {cursor: url(https://files.catbox.moe/t9hz3b.png), url(https://files.catbox.moe/t9hz3b.png), auto !important;}</style>
</div>





WHO ID LIKE TO MEET:

Lorem ipsum odor amet, consectetuer adipiscing elit. Faucibus malesuada ex nullam quis facilisis habitant lacus. Sodales himenaeos semper a proin urna magna netus aptent senectus. Feugiat platea auctor ornare ultricies fringilla molestie. Semper pulvinar fames; rhoncus nostra enim gravida. Inceptos in habitasse quis nibh cras elit massa. Pretium augue gravida curabitur elementum himenaeos, senectus proin ad. Orci mi eu litora efficitur per urna finibus nullam donec. Afermentum per imperdiet eros ultricies aenean.




GENERAL:

Lorem ipsum odor amet, consectetuer adipiscing elit. Suspendisse tristique id placerat inceptos efficitur metus ipsum sit turpis.


MUSIC:

<div style="width: 200px; height: 240px; background-color: ; border-color: ; border-width: 1px; border-style: solid; color: ; font-size: 17px; overflow: auto;"><p>
Lorem ipsum odor amet, consectetuer adipiscing elit. Faucibus malesuada ex nullam quis facilisis habitant lacus. Sodales himenaeos semper a proin urna magna netus aptent senectus. Feugiat platea auctor ornare ultricies fringilla molestie. Semper pulvinar fames; rhoncus nostra enim gravida.

<img src="https://files.catbox.moe/yusx21.png"/>
<img src="https://files.catbox.moe/fu4dmm.png"/>
<img src="https://files.catbox.moe/ojjzk5.png"/>
<img src="https://files.catbox.moe/lusoz7.png"/>
<img src="https://files.catbox.moe/5v810z.png"/>
<img src="https://files.catbox.moe/zrnmgk.png"/>
<img src="https://files.catbox.moe/f5752g.png"/>
<img src="https://files.catbox.moe/h3uu6m.png"/>
<img src=""/>
<img src=""/>
<img src=""/>
</p></div>



MOVIES:

https://layouts.spacehey.com/layout?id=88981
<br/>
https://www.kazimariusz.com/codesnippets
<br/>
https://blog.spacehey.com/cory
(duh - the site would be so boring w/o him)
<br/>
<img src="https://watermelon.crd.co/assets/images/gallery16/d6942523.gif?v=6332de85"/>


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )