.tim  {
          color: rgb(241, 108, 84);
        }

        .gregg  {
          color: rgb(140, 142, 231);
        }

        .timgregg  {
          background: linear-gradient(to right, rgb(241, 108, 84), rgb(140, 142, 231));
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
        }





        .page {
          color:rgb(231, 226, 206);
          background: url("https://methdeatal.neocities.org/backgrounds/woodplanks.jpg") repeat;
        }

                        .page a:link {
                          color: #85d3b3;
                          text-decoration: none;
                        }

                        .page a:visited {
                          color: #78c0b3;
                          text-decoration: none;
                        }

                        .page a:hover {
                          color: #94ecdc;
                          text-decoration: none;
                        }

                        .page a:active {
                          color: #f7b148;
                          text-decoration: none;
                        }


        #container  {
          background: url("https://methdeatal.neocities.org/backgrounds/ocatccarpet1.jpg") repeat;
          outline: outset #2128b7 5px;
          -moz-box-shadow: 15px 15px 5px #0000007e;
          -webkit-box-shadow: 15px 15px 5px #0000007e;
          box-shadow: 12px 12px 5px #0000007e;
        }


        #left {
          background: url("https://methdeatal.neocities.org/backgrounds/ocatccarpet2.jpg") repeat;
          border-radius: 15px;
        }

            #ocatcleftscroll {
              width:90%;
              height:55%;
              position: absolute; top: 2.5%; left: 5%;
              overflow: auto;
              scrollbar-color: rgb(53, 6, 6) rgba(97, 20, 1, 0);
              outline: solid rgb(53, 6, 6);
              background-color: rgba(53, 1, 20, 0.658);
              font-size: 80%;
              border-radius: 15px 15px 0px 0px;
              -ms-overflow-style: none;
              scrollbar-width: none;
            }

                #ocatcleftscroll::webkit-scrollbar  {
                  display: none;
                }

            #ocatcleftstatic {
              width: 90%;
              height: 20%;
              position: absolute; bottom: 22.5%; left: 5%;
              overflow: hidden;
              outline: solid  rgb(53, 6, 6);
              background-color: rgb(53, 6, 6);
              border-radius: 0px 0px 15px 15px;
            }

            #ocatcleftlinks {
              width: 90%;
              height: 20%;
              position: absolute; bottom: 2.5%; left: 5%;
              overflow: hidden;
            }



        .body {
          outline: solid rgb(0, 0, 0);
          background-color: rgba(4, 0, 15, 0.836);
          color:rgb(207, 144, 49);
        }

                        .body a:link {
                          color: #3e8ae2;
                          text-decoration: none;
                        }

                        .body a:visited {
                          color: #346dad;
                          text-decoration: none;
                        }

                        .body a:hover {
                          color: #459cff;
                          text-decoration: none;
                        }

                        .body a:active {
                          color: #d43c77;
                          text-decoration: none;
                        }


              #bodygrid {
                display: grid;
                width: 100%;
                height: 100%;
                grid-template-columns: repeat(2, 50%);
                outline: solid red;
              }

                  #bodygrid div {
                    outline: solid red;
                  }


              #bodyflex {
                display: flex;
                width: 100%;
                height: 100%;
                flex-direction: column;
                flex-wrap: nowrap;
                outline: solid orange;
                justify-content: space-around;
              }

                  #bodyflex div {
                    outline: solid orange;
                    flex: 2;
                  }

                  #bodyitem2  {
                    flex: 3;
                  }

                      #blinkstamps  {
                        display: flex;
                        flex-direction: column;
                        flex-wrap: nowrap;
                        width: 100%;
                        height: 100%;
                        outline: solid yellow;
                      }


                          #blinkstamps div {
                            outline: solid yellow;
                          }


                          #blinkstampshouse {
                            display: flex;
                            flex-direction: row;
                            flex-wrap: nowrap;
                            overflow: scroll;
                            outline: solid green;
                            width: 100%;
                            -ms-overflow-style: none;
                            scrollbar-width: none;
                            justify-content: flex-end;
                          }


                          #blinkstampshouse div {
                            outline: solid green;
                          }



        #right  {
          background: url("https://methdeatal.neocities.org/backgrounds/ocatccarpet2.jpg") repeat;
          border-radius: 15px;
        }

            #ocatcrightgif  {
              height: 40%;
              width: 90%;
              position: absolute; top: 2.5%; left: 5%;
              overflow: hidden;
              outline: solid rgb(53, 6, 6);
              background-color: rgba(53, 1, 20, 0.658);
              border-radius: 15px;
            }

                .ocatcrightgrid  {
                  display: grid;
                  grid-template-columns: repeat(2, 50%);
                  grid-template-rows: repeat(3, 33%);
                  height: 85%;
                  width: 98%;
                  position: absolute; left: 1%; bottom: 1%;
                }

                    .ocatcrightgrid img  {
                      height: auto;
                      width: 90%;
                      object-fit: contain;
                    }

                    .ocatcrightgrid div  {
                      text-align: center;
                      padding: 1%;
                    }

                        #ocatcrightgiftitle {
                          text-align: center;                          height: 10%;
                          width: 95%;
                          position: absolute; left: 2.5%; top: 2%;
                        }

                            #ocatcrightgiftitle img {
                              object-fit: contain;
                              width: 100%;
                              height: auto;
                            }

            #photocardgallery {
              height: 52.5%;
              width: 90%;
              position: absolute; bottom: 2.5%; left: 5%;
              overflow: hidden;
              scrollbar-color: rgb(53, 6, 6) rgba(97, 20, 1, 0);
              outline: solid rgb(53, 6, 6);
              background-color: rgba(53, 1, 20, 0.658);
              border-radius: 15px;
            }

                .photocards {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  flex-wrap: wrap;
                  height: 80%;
                  width: 76%;
                  position: absolute; top: 1%; left: 12%;
                  gap: 10%;
                }

                    .photocards img {
                      width: 95%;
                      height: auto;
                      object-fit: contain;
                    }

                #leftarrow {
                  display: flex;
                  flex-direction: column;
                  justify-content: flex-end;
                  height: 8%; width: 25%;
                  position: absolute; bottom: 1%; left: 10%;
                }

                    #leftarrow img  {
                      width: 50%;
                      object-fit: contain;
                    }

                    #leftarrow img:active {
                      scale: 95%;
                    }

                #rightarrow {
                  display: flex;
                  flex-direction: column;
                  justify-content: flex-end;
                  height: 8%; width: 25%;
                  position: absolute; bottom: 1%; right: 10%;
                }

                    #rightarrow img  {
                          width: 50%;
                          object-fit: contain;
                        }

                    #rightarrow img:active {
                          scale: 95%;
                        }

                #photocardstext {
                  height: 10%; width: 95%;
                  position: absolute; bottom: 10%; left: 2.5%;
                  font-size: 90%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                }

                .counter  {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  flex-wrap: wrap;
                  height: 10%; width: 30%;
                  position: absolute; bottom: -22%; left: 35%;
                  font-size: 80%;
                  color: #ff9400
                }

                .mySlides {
                  display: none;
                }