body {
    background-color: #bccdcb;
}

a {
    letter-spacing: 2px;
    text-decoration: solid;
}

.rows {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 28px;
    height: auto;
}
.tile {
    text-align: center;
    margin: 50px;
    background-color: #ff0000;
    filter: drop-shadow(0 0 0.22rem rgba(22, 10, 10, 0.61));
}
.tile img {
    width: 225px;
    height: 225px;
}

.tile:hover {
    scale: 1.05;
    filter: drop-shadow(0 0 0.22rem rgba(22, 10, 10, 0.91));
}

#container {
    margin: 40px 65px 0px 65px;
}
/* FRAMES */
.frameA {
    border: 2.2em solid;
    padding: 10px;
    border-image-slice: 130 125 125 130;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/1.png");
    transform: rotate(-0.011turn);
}

.frameB {
    border: 2em solid;
    margin-left: 32px;
    padding: 4px;
    border-image-slice: 117 110 130 130;
    border-image-outset: 1px 1px 1px 1px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/21.png");
    transform: rotate(0.01turn);
}

.frameC {
    border: 3em solid;
    padding: 1px;
    border-image-slice: 114 130 130 130;
    border-image-outset: 9px 12px 11px 11px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/12.png");
    transform: rotate(0.001turn);
}

.frameD {
    border: 1.8em solid;
    padding: 5px;
    border-image-slice: 109 130 130 130;
    border-image-outset: 11px 8px 9px 8px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/28.png");
    transform: rotate(-0.01turn);
}

.frameE {
    border: 2em solid;
    padding-right: 17px;
    border-image-slice: 303 143 214 130;
    border-image-outset: 24px 24px 24px 24px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/30.png");
    transform: rotate(-0.021turn);
}

.frameF {
    border: 3em solid;
    padding: 9px;
    border-image-slice: 172 232 221 221;
    border-image-outset: 10px 22px 14px 19px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/29.png");
    transform: rotate(0.002turn);
}

.frameG {
    border: 3em solid;
    padding: 1px;
    border-image-slice: 134 130 130 130;
    border-image-outset: 9px 11px 10px 14px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/6.png");
    transform: rotate(0.009turn);
}

.frameH {
    border: 2.1em solid;
    padding: 10px 10px 0px 10px;
    border-image-slice: 116 110 113 110;
    border-image-outset: 1px 1px 1px 4px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/31.png");
    transform: rotate(0.001turn);
}

.frameI {
    border: 2em solid;
    padding: 10px;
    border-image-slice: 130 130 130 130;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/22.png");
    transform: rotate(-0.016turn);
}

.frameJ {
    border: 3em solid;
    padding: 11px;
    border-image-slice: 115 153 115 134;
    border-image-outset: 21px 36px 22px 31px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/8.png");
    transform: rotate(0.009turn);
}

.frameK {
    border: 4em solid;
    padding: 10px;
    border-image-slice: 130 130 130 130;
    border-image-outset: 11px 10px 11px 10px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/24.png");
    transform: rotate(0.003turn);
}

.frameL {
    border: 4em solid;
    padding: 1px;
    border-image-slice: 106 88 90 89;
    border-image-outset: 21px 30px 30px 28px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/19.png");
    transform: rotate(-0.011turn);
}

.frameM {
    border: 3.5em solid;
    padding: 0px;
    border-image-slice: 115 100 125 130;
    border-image-outset: 2px 1px 2px 2px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/32.png");
    transform: rotate(0.003turn);
}

.frameN {
    border: 3.4em solid;
    padding: 0px;
    border-image-slice: 86 125 125 122;
    border-image-outset: 9px 17px 7px 18px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/18.png");
    transform: rotate(0.011turn);
}

.frameO {
    border: 3.7em solid;
    padding-top: 1px;
    margin: 46px;
    border-image-slice: 136 94 125 130;
    border-image-outset: 32px 42px 35px 34px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/20.png");
    transform: rotate(0.011turn);
}

.frameP {
    border: 1.9em solid;
    padding: 14px;
    border-image-slice: 122 125 125 130;
    border-image-outset: 7px 8px 9px 7px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/33.png");
    transform: rotate(-0.007turn);
}

.frameQ {
    border: 1.9em solid;
    padding: 14px;
    border-image-slice: 152 131 157 146;
    border-image-outset: 7px 4px 8px 7px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/34.png");
    transform: rotate(0.005turn);
}
.frameR {
    border: 1.9em solid;
    padding: 14px;
    border-image-slice: 131 125 125 129;
    border-image-outset: 9px 6px 7px 6px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://martbro.neocities.org/img/frames/35.png");
    transform: rotate(-0.009turn);
}

/*PFP TILE CUSTOMIZATION*/

/**/
#canvas-black {
    background-color: black;
}
#canvas-black a {
    color: white;
}
/*yesyesyes*/
#canvas1 {
    background-color: #fbf0db;
}
#canvas1 a {
    color: #554958;
}

/*pepperjackets*/
#canvas2 {
    background-color: #492018;
}
#canvas2 img {
    border-radius: 50%;
}
#canvas2 a {
    color: #999e6f;
}
/*oxlily*/
#canvas3 {
    background-color: #000000ff;
    height: 267px;
    width: 240px;
}
#canvas3 img {
    border-radius: 50%;
}
#canvas3 a {
    color: #deff00;
}
/*smilepoint*/
#canvas4 {
    background-color: #ffffff;
    height: 253px;
    width: 200px;
}
#canvas4 img {
    border-radius: 50%;
}
#canvas4 a {
    color: #dc4940;
}

/*maddel*/
#canvas5 {
    background-color: #e0dba2;
    height: 239px;
    width: 216px;
}
#canvas5 img {
    border-radius: 8%;
}
#canvas5 a {
    color: #609274;
}
/*katzek*/
#canvas6 {
    background-color: #e8e6e5;
}
#canvas6 a {
    color: #3f471c;
}
/*bl0oy*/
#canvas7 {
    background-color: #fdefdb;
}
#canvas7 img {
    border: black double 7px;
}
#canvas7 a {
    color: #bb7800;
}
/*fronounxes*/
#canvas8 {
    background-color: #fff1f1;
    height: 261px;
}
/*grgkau*/
#canvas9 {
    background-color: #feead7;
}
#canvas9 a {
    color: #72815a;
}
/*obarr*/
#canvas10 {
    background: linear-gradient(to right, rgb(250, 250, 250, 0.2)),
        url("https://martbro.neocities.org/img/backgrounds/civmap.GIF");
    background-repeat: repeat;
    height: 274px;
    width: auto;
}
#canvas10 img {
    border-bottom: solid black 8px;
    border-right: solid black 6px;
    border-top: solid black 5px;
    border-left: solid black 5px;
}
#canvas10 a {
    color: white;
}
/*frauki*/
#canvas11 {
    background-color: #abc325;
}
#canvas11 a{color: #254359;}

/**/
#canvas12 {
    background-color: #fcf1f0;
}
#canvas12 a{
    color: #1b1e35;
}
/**/
#canvas13 {
    background-color: #baaa8b;
}
/*potatolord*/
#canvas14 {
    background-color: #e5b43d;
    height: 252px;
    width: 200px;
}
#canvas14 img {
    border: solid #fbf4e2 2px;
}
#canvas14 a {
    color: #17203d;
}
/**/
#canvas15 {
    background-color: #665f52;
}
#canvas15 a{
    color: #f3c7af;
}
/*fzn*/
#canvas16 {
    background-color: #3f83e9;
}
#canvas16 img{
    border: solid 2px #000000;
}
#canvas16 a{
    color: #ead6d9;
}
/*the wall*/
#canvas17 {
    background-color: #74bb3d;
}
#canvas17 a {
    color: #ffffff;
}
/*bluef00t*/
#canvas18 {
    background-color: #edfffd; height: 268px;
}
#canvas18 a{
color: #415540;    
    
}

/*32px char*/
#canvas19 {
    background-color: #add158;
}
#canvas19 a{
    color: #432a38;
}
/**/
#canvas20 {
    background-color: #f7c4c2;
}
#canvas20 img {
    border-radius: 0%;
}
#canvas20 a {
    color: black;
}
/**/
#canvas21 {
    background-color: #f9fadf;
}
#canvas21 img {
    border: 3px #191511 dotted;
}
#canvas21 a {
    color: #5d1d50;
}
/*hunbloom*/
#canvas22 {
    background-color: #fbf3ea;
}
#canvas22 a{
    color: #ac5a26;
}
/*funky yara*/
#canvas23 {
    background-color: #fff7cd;
}
#canvas23 a{
    color: #0d1c37;
}
/*nyurei*/
#canvas24 {
    background-color: #eef0b4;
}
#canvas24 a{
    color: #e03b64;
}
/*pixel icon*/
#canvas25 {
    background-color: #ffbeaa;
}
#canvas25 a{
    color: #0000;
}
/*nah's*/
#canvas26 {
    background-color: #eabb4d; height: 255px;
}
#canvas26 a{
    color: #334e29;
}
/*mae ellen*/
#canvas27 {
    background-color: #e7e7e7; height: 244px;
}
#canvas27 a{
    color: #1e1930;
}
/*yasmini*/
#canvas28 {
    background-color: #e8e59d;
}
#canvas28 a{
    color: #160d08;
}
/*mbukak*/
#canvas29 {
    background-color: #63bec1;
}
#canvas29 a{
    color: #fe0077;
}
/*toyok*/
#canvas30 {
    background-color: #edeee9;
}
#canvas30 a{
   color: #687341;
}
/*lupecifista*/
#canvas31 {
    background-color: #cb6f00;
}
#canvas31 a{
    color: #183d5e;
}
/*livink*/
#canvas32 {
    background-color: #d2b8a8;
}
#canvas32 a{
    color: black;
}
#canvas32 img {
    border-bottom: black 5px solid;
    border-top: black 5px solid;
}
/*makowka II*/
#canvas33 {
    background-color: #292320;
}
#canvas33 a{
    color: #8d5145;
}
/*ninjawhoa*/
#canvas34 {
    background-color: #f7f5e5;
}
#canvas34 a{
    color: black;
}
/*pro gamer*/
#canvas35 {
    background-color: #dddddd;
}
#canvas35 a{
    color: #fe5172;
}
/**/
#canvas36 {
    background-color: #30221b;
}
/*gougt*/
#canvas37 {
    background-color: #fe9e60;
}
#canvas37 img {
    border-left: dashed black 2px;
    border-bottom: dashed black 2px;
}
#canvas37 a {
    background-color: #fe9e60;
}
/**/
#canvas38 {
    background-color: #75a7b6;
}
/**/
#canvas39 {
    background-color: #67b2c7;
}
#canvas40 {
    background-color: #b4bc65;
}

#canvas41 {
    background-color: #f2f2f2;
}
#canvas42 {
    background-color: #5458ee;
}
#canvas43 {
    background-color: #c6c9cc;
}
#canvas44 {
    background-color: #e2bc95;
}
#canvas45 {
    background-color: #d7bcbc;
}
/**/
#canvas46 {
    background-color: #f0cbc3;
}
/**/
#canvas46 img {
    border: solid 3px #ab707b;
}
/**/
#canvas46 a {
    font-size: 22px;
    color: #6b58b1;
}
/**/
#canvas47 {
    background-color: #413a5f;
}
/**/
#canvas48 {
    background-color: #b8fdff;
}
/*mimzies*/
#canvas49 {
    background-color: #bab9c4;
    height: 242px;
}
#canvas49 img {
    border-radius: 50%;
}
#canvas49 a {
    color: #523536;
    font-size: 17px;
}
/**/
#canvas50 {
    background-color: #caedff;
}
/*gold crest*/
#canvas51 {
    background-color: #143b3c;
}
#canvas51 a {
    color: #cca241;
}
/*ily*/
#canvas52 {
    background-color: #bdce80;
}
#canvas52 a {
    color: #3d323e;
}
/**/
#canvas53 {
    background-color: #ecd088;
}
/*emo/scene*/
#canvas54 {
    background-color: #991111;
    width: 249px;
}
#canvas54 a {
    color: #ffffff;
}

/*caramael*/
#canvas55 {
    background-color: #325037;
    height: 250px;
}
#canvas55 a {
    color: #bbbab9;
}
/**/
#canvas56 {
    background-color: #dacfb6;
}
/**/
#canvas57 {
    background-color: #96a0b3;
}
/*1231212*/
#canvas58 {
    background-color: #ffd7ff; height: 271px;
}
#canvas58 a{
    color: #575567;
}
/*fallhyde*/
#canvas59 {
    background-color: #bfa324;
}
#canvas59 a{
    color: black;
}
#canvas59 img {
    border: #25241d double 4px;
}
/**/
#canvas60 {
    background-color: #fede58;
}
#canvas61 {
    background-color: #cce2cb;
}
#canvas62 {
    background-color: #a7814f;
}
#canvas63 {
    background-color: #b2aa56;
}
/*nase nikyuu*/
#canvas64 {
    background-color: #68753e;
    height: 261px;
}
#canvas64 a {
    color: #e5d5c5;
}
#canvas65 {
    background-color: #88ebfa;
}
#canvas66 {
    background-color: #e8b343;
}
#canvas67 {
    background-color: #bf9000;
}
#canvas68 {
    background-color: #c0e1b7;
}
#canvas69 {
    background-color: #1c1c1c;
}
/**/
#canvas70 {
    background-color: #fff4cd;
}
/**/
#canvas71 {
    background-color: #eaaf23;
}
/**/
#canvas72 {
    background-color: #2a2222;
}
/**/
#canvas73 {
    background-color: #a60e70;
}

/*panqueque*/
#canvas74 {
    background: linear-gradient(to right, rgb(250, 250, 250, 0.4)),
        url("https://martbro.neocities.org/img/backgrounds/patina.JPG");
    background-repeat: repeat;
    height: 274px;
    width: auto;
}
#canvas74 img {
    border: 7px black double;
}
#canvas74 a {
    color: black;
    font-size: 18px;
}

/*kisscrew*/
#canvas75 {
    background-color: white;
    height: 259px;
    width: auto;
}
#canvas75 a {
    color: #ff4c4c;
}

/*bramblecrew*/
#canvas76 {
    background-color: white;
}
#canvas76 a {
    color: #676a46;
}
/*baydew v2*/
#canvas78 {
    background: url("https://martbro.neocities.org/img/backgrounds/021.GIF");
    background-repeat: repeat;
    height: 274px;
    width: auto;
}
#canvas78 img {
    border-radius: 50%;
}
#canvas78 a {
    color: white;
}

/*bright*/
#canvas79 {
    background: linear-gradient(to right, rgb(19, 91, 92, 0.6)),
        url("https://martbro.neocities.org/img/backgrounds/pasta.jpg");
    background-repeat: repeat;
    height: 274px;
    width: auto;
}
#canvas79 img {
    filter: drop-shadow(0 0 0.29rem black);
}
#canvas79 a {
    color: #ffffff;
    font-size: 18px;
}
/*gay generator*/
#canvas80 {
    background-color: white;
}
#canvas80 a{
    color: #9c0e6b;
}
/*djarn v2*/
#canvas81 {
    background-color: white;
}
#canvas81 img{
    border: black 3px double;
}
#canvas81 a{
color: #6e6505;
}
/**/
#canvas82 {
    background: linear-gradient(to right, rgb(119, 107, 102, 0.4)),
        url("https://martbro.neocities.org/img/backgrounds/gerbers.GIF");
    background-repeat: repeat;
    height: 274px;
    width: auto;
}
#canvas82 img {
    border: solid black 2px;
}
#canvas82 a {
    color: white;
}

/*pixel friend*/
#canvas83 {
    background: url("https://martbro.neocities.org/img/backgrounds/nyan.png");
    background-size: fit;
    background-repeat: repeat;
    height: 244px;
    width: auto;
}
/*itsv spiderverse*/
#canvas84 {
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5)),
        url("https://martbro.neocities.org/img/backgrounds/halftone.jpg");
    background-size: fill;
    height: 252px;
    width: auto;
}
#canvas84 img {
    border: 3px dotted white;
}
#canvas84 a {
    color: white;
}
/*v1 pixel dating sim*/
#canvas85 {
    background: linear-gradient(to right, rgb(200, 0, 100, 0.5)),
        url("https://martbro.neocities.org/img/backgrounds/heartcheckers.gif");
    background-size: fit;
    background-repeat: repeat;
    height: 255px;
    width: auto;
}
#canvas85 a {
    color: white;
}
/*v2 pixel dating sim*/
#canvas86 {
    background: linear-gradient(to right, rgb(100, 0, 100, 0.2)),
        url("https://martbro.neocities.org/img/backgrounds/pinkhearttile.gif");
    background-size: fit;
    background-repeat: repeat;
    height: 279px;
    width: auto;
}
#canvas86 a {
    color: #361d34;
}

/*urgonic*/
#canvas87 {
    background: linear-gradient(to right, rgb(250, 250, 250, 0.4)), url("https://martbro.neocities.org/img/backgrounds/rbowlinebg.gif");
    background-size: fit;
    background-repeat: repeat;
    height: 262px;
    width: auto;
}
#canvas87 img {
    border: solid grey 2px;
}
#canvas87 a {
    color: #222222;
}
/*whats in my bag*/
#canvas88 {
    background-color: #ffffff;
}
#canvas88 a{
 color: #8bb35b;   
}
/*aluada*/
#canvas89 {
     background: linear-gradient(to right, rgb(250, 250, 250, 0.7)), url("https://martbro.neocities.org/img/backgrounds/greenblob1.jpg");
    background-size: fit;
    background-repeat: repeat;
    height: 262px;
    width: auto;
}
#canvas89 img{border: dashed 3px black}
#canvas89 a{color:black}

/*djarn v1*/
#canvas90 {
    background-color: #baaa8b;
}
#canvas90 a{
    color: #522e37;
}
/*13autobuss*/
#canvas91 {
     background: linear-gradient(to right, rgb(0, 0, 0, 0.6)), url("https://martbro.neocities.org/img/backgrounds/yellowcircle1.jpg");
    background-size: fit;
    background-repeat: repeat;
    height: 262px;
    width: auto;
}
#canvas91 a{color:#dfd9d0;}
#canvas92 {
    background-color: #dddddd;
}
#canvas93 {
    background-color: #dddddd;
}
#canvas94 {
    background-color: #dddddd;
}
#canvas95 {
    background-color: #dddddd;
}
#canvas96 {
    background-color: #dddddd;
}
#canvas97 {
    background-color: #dddddd;
}
#canvas98 {
    background-color: #dddddd;
}
#canvas99 {
    background-color: #dddddd;
}
#canvas100 {
    background-color: #dddddd;
}
#canvas101 {
    background-color: #dddddd;
}
#canvas102 {
    background-color: #dddddd;
}