carrd-style minecraft layout

Tags: minecraft, simple, green, blue

Description:

i dont like this one lol. credit isnt needed just, like. comment if your gonna use it

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=80949) -->

<style>
    /* fonts */

  @import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
font-family: body,p,h1,h2,h3,h4,h5,h6{'Reenie Beanie', cursive;
}
<style>
    /* text */

    .profile h1 {
        font-family: 'Reenie Beanie';
        font-size: 4.5em;
        color: white;
    }

    .profile .blurbs .heading,
    .profile .friends .heading {
       font-family: 'Reenie Beanie';
        font-size: 2.5em;
        color: white;
    }

    .profile .contact .heading,
    .profile .table-section .heading {
        font-family: 'Reenie Beanie';
        font-size: 2em
    }

    p {
        font-family: 'Reenie Beanie';
        color: white;
    }
b{
  font-family: 'Reenie Beanie';
  color: white;
}

    a,
    nav .links a {
        font-family: 'Reenie Beanie';
        color: white;
        text-shadow: none;
    }

    a:hover,
    nav .links a:hover {
        color: grey;
        text-decoration: 1.6px dotted underline;
    }

    nav .links li:not(:last-child)::after,
    footer .links li:not(:last-child)::after {
        content: " ★ "
    }

    footer .copyright {
        text-decoration: none;
      font-size: 5px;
    }

    .friends .heading a.more {
        font-size: 25px;
    }
</style>
<style>
    .profile {
        direction: rtl;
    }

    .blurbs {
        direction: ltr;
    }

    .blog-preview {
        direction: ltr;
    }

    .friends {
        direction: ltr;
    }

    .general-info {
        direction: ltr;
    }

    .contact {
        direction: ltr;
    }

    .url-info {
        direction: ltr;
    }

    .details-table {
        direction: ltr;
    }

    .profile .table-section .heading {
        direction: ltr;
      text-align: center;
    }

    .details p {
        direction: ltr;
      text-align: center;
    }

    .mood {
        direction: ltr;
      text-align: center;
    }
</style>
<style>
    body {
        background: url(https://tse1.mm.bing.net/th/id/OIP.OiDBBCtAipVmogxLWhsIcAHaEK?pid=ImgDet&rs=1);
        background-size: 1500px;
      background-position: center;
        backdrop-filter: invert(0);
        text-align: center;
        overflow: hidden;
    }

    main {
        background-color: rgb(99, 164, 102, 0.4);
        border-radius: 50px;
        border: white 5px double;
        color: white;
        height: 580px;
        width: auto;
        padding: 10px;
        overflow: auto;
    }

    nav .top,
    nav .links,
    footer {
        background-color: transparent;
    }

    .profile .blurbs .heading,
    .profile .friends .heading,
    .profile .contact .heading,
    .profile .table-section .heading {
        background: none;
    }

    .profile .blurbs .section p {
        border-radius: 20px;
        background: rgb(99, 164, 102, 0.7);
    }

    .profile .blurbs .section h4 {
        display: yes;
      color: white;
    }

    .profile .contact,
    .profile .table-section {
        border: white 5px double;
}

    .comments-table td:first-child,
    .comments-table td,
    .comments-table {
        border: none;
        background: none;
    }

    .details-table,
    .details-table td:first-child {
        border: none;
        background: none;
    }

    .details-table td {
        border: none;
        border-radius: 20px;
        background: rgb(0, 0, 0, 0.7);
    }

    .profile .url-info {
      background-image: url(https://tse2.mm.bing.net/th/id/OIP.lcBI3Hef5QdeFJVJfQmaPQHaDX?pid=ImgDet&rs=1);
      background-position: -1500px;
      background-size: 300px;
      font-size: 0;
      height: 150px;
      border: white 5px double;
      text-align: center;
        display: yes;
    }

    .mood p:first-child {
        display: yes;
    }
</style>
<style>
    .profile .friends .person img:not(.icon),
    .general-about .profile-pic img {
        border-radius: 100%;
    }

    .general-about .profile-pic img {
        transition: filter 5s ease;
    }

    .general-about .profile-pic img:hover {
        filter: blur(4px);
    }

    .profile .friends .person img:not(.icon) {
        transition: transform 5s ease;
    }

    .profile .friends .person img:not(.icon):hover {
        transform: translateY(-25px);
    }
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

isoca	1744330627 usingggg Report Comment
Rov ୨ৎ	1744067503 using Report Comment
coolestwizzy	1742570482 using Report Comment
max ! ^__^	1721335734 using Report Comment
starryflan	1720556504 using! Report Comment
vinnie ☆	1709065196 using!! Report Comment
Zari ★ (´ε｀ )	1704062607 Usingff Report Comment
Vee <3	1699716463 USEUSEUSEING Report Comment
MAREK (^_^)	1697918061 USINGG :D Report Comment
Nex	1696865391 using :D Report Comment
phea!	1696749761 Using :3 Report Comment
Pukio٩( ᗒᗨᗕ )۶	1695856740 using!^^ Report Comment
Boris01	1695486271 Using!! Report Comment
SHAME	1695272672 Using Report Comment
Nico!!	1695174439 using!! Report Comment