.BODY {
            background-image: url("https://fepir.neocities.org/home%20page/backgroundtst1.png");
            background-size: 1000px;
            background-attachment: fixed;

            width: 800px;
            max-width: 90%;
            
            margin: 10px auto;

            font-size: 15px;
            font-family: monospace;

            color: white;
        }

        .BODY2 {
          
            background-color: yellowgreen;
            background-image: url("https://fepir.neocities.org/EVERY%20PAGE/2test.png");
            background-size: 50%;
            background-attachment: fixed;

            padding: 10px 20px;

            border-radius: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: rgb(101, 163, 0);
        }
        
/* /////////// */

           .BODY3 {
             
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-430%, -79%);
            background-color: rgb(255, 110, 178);
            background-size: 50%;
            background-attachment: fixed;

            padding: 600px 20px 10px 100px;

            border-radius: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: rgb(255, 37, 139);
        }

/* /////////// */

        .LOGO {
            background-image: url("https://fepir.neocities.org/logov10.png");
            background-size: 100%;

            height: 100px;
            width: 250px;

            margin: 10px auto 20px;

            color: rgba(255, 255, 255, 0);
            font-size: 0px;
        }

        .HELLO1 {
            height: 100px;
            width: 200px;

            margin: 10px auto 20px; 
        }
            @media only screen and (max-width: 830px) {
                .HELLO1 {
                    width: 0px;
                    height: 0px;
                }
            }

        .HELLO2 {
            height: 100px;
            width: 200px;
            margin: 10px auto 20px;
        }
            @media only screen and (max-width: 830px) {
                .HELLO2 {
                    width: 0px;
                    height: 0px;
                }
            }

        .CONTAINER0 {
            display: flex;
            flex-direction: row;
        }

        .NAVMENU {
            background-color: rgb(255, 110, 178);
            
            margin: 0 auto 10px;
            padding: 5px 0px;

            border-radius: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: rgb(255, 37, 139);
        }
            .NAVLINK {
                margin: 5px;
                color: white;
            }
              .NAVLINK:active {
                color:  rgb(255, 37, 139);
              }
              
              .LINK {
          text-decoration: none;
        }
        
        .FOOTER {
            margin: 10px 0px 20px;

            color: green;
        }

        .ITME1 {
            background-color: rgb(255, 255, 255);

            margin: 10px auto;

            width: 250px;
            height: 400px;

            border-radius: 20px;
        }
            @media only screen and (max-width: 900px) {
                .ITME1 {
                    height: 0;
                    width: 0;
                }
            }

        .ITME2 {
            height: 0;
            width: 0;
        }
            @media only screen and (max-width: 900px) {
                .ITME2 {
                    background-color: rgb(255, 255, 255);

                    width: 275px;
                    height: 150px;

                    display: block;
                    margin-right: auto;
                    margin-left: auto;
                    margin-top: -20px;

                    border-radius: 20px;
                    border-style: solid;
                    border-color:  rgb(255, 110, 178);
                }
            }

        .CONTAINER1 {
            display: flex;
            flex-direction: row;
        }
            @media only screen and (max-width: 900px) {
                .CONTAINER1 {
                    flex-direction: column;
                }
            }

        .IN1CONTAINER1 {
            display: flex;
            flex-direction: column;
        }

        .INTRO {
            background-color: rgb(211, 101, 255);

            width: 455px;
            height: 300px;

            margin: 10px auto;
            padding: 20px;

            border-radius: 20px;
            border-style: solid;
            border-width: 3px;
            border-color: rgb(174, 0, 243);

            overflow-y: scroll;
        }
            @media only screen and (max-width: 900px) {
                .INTRO {
                    max-width: 80%;
                    height: 225px;
                }
            }

        .CONTACTS {
            background-color: rgb(255, 110, 178);

            width: 455px;
            
            margin: 0 auto;
            padding: 7px 20px;

            border-radius: 20px;
            border-style: solid;
            border-width: 3px;
            border-color: rgb(255, 37, 139);
        }
            @media only screen and (max-width: 900px) {
                .CONTACTS {
                    max-width: 80%;
                }
            }
        
        .CONTACTLINK {
            color: white;
        }
            .CONTACTLINK:active {
                color: rgb(255, 37, 139);
            }

        .CONTAINER2 {
            display: flex;
            flex-direction: row;
        }

        .STATUS {
            background-color: rgb(211, 101, 255);

            height: 60px;
            width: 100%;

            padding: 15px 10px 10px 10px;
            margin: 5px auto;

            border-radius: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: rgb(174, 0, 243);
        }
            @media only screen and (max-width: 900px) {
                .STATUS {
                    margin: 12px auto 0px;
                }
            }

        .LITTLEGUYS1 {
            height: 0;
            width: 0;
        }
            @media only screen and (max-width: 700px) {
                .LITTLEGUYS1 {
                    width: 40px;
                    height: 40px;

                    margin: 10px auto;
                }
            }
        .LITTLEGUYS2 {
            height: 0;
            width: 0;
        }
            @media only screen and (max-width: 700px) {
                .LITTLEGUYS2 {
                    width: 40px;
                    height: 40px;

                    margin: 10px auto;
                    -webkit-transform: scaleX(-1);
                    transform: scaleX(-1);
                }
            }

        .NEIGHBORS {
            background-color: rgb(255, 110, 178);
            
            height: 31px;

            padding: 10px 0;
            margin: 10px 0 20px;

            border-radius: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: rgb(255, 37, 139);
        }
            .HEADER {
                background-color: rgb(255, 255, 255);

                height: 31px;
                width: 31px;
            }
            .BACKER {
                background-color: rgb(255, 255, 255);

                height: 31px;
                width: 31px;
            }

        .CONTAINER3 {
            margin: 10px auto;

            display: flex;
            flex-direction: row;
        }
            @media only screen and (max-width: 700px) {
                .CONTAINER3 {
                    flex-direction: column;
                }
            }
            .IN1CONTAINER3 {
                display: flex;
                flex-direction: column;
            }
                @media only screen and (max-width: 700px) {
                    .IN1CONTAINER3 {
                        flex-direction: row;
                        margin: 5px auto;
                    }
                }
                .RECIPES {
                    background-image: url("https://fepir.neocities.org/home%20page/recipeiconredo.png");
                    background-size: 100%;
                    
                    height: 120px;
                    width: 175px;

                    margin: 0 0 5px;
                }
                    @media only screen and (max-width: 700px) {
                        .RECIPES {
                            background-image: url("https://fepir.neocities.org/home%20page/recipeiconredov2.png");
                            background-size: 100%;

                            height: 120px;
                            width: 120px;

                            margin: 0 5px;
                        }
                    }
                .INTSAFE {
                    background-image: url("https://fepir.neocities.org/home%20page/osver1.png");
                    background-size: 100%;

                    height: 120px;
                    width: 175px;

                    margin: 5px 0 10px;
                }
                    @media only screen and (max-width: 700px) {
                        .INTSAFE {
                            background-image: url("https://fepir.neocities.org/home%20page/osver2.png");
                            background-size: 100%;

                            height: 120px;
                            width: 120px;

                            margin: 0 5px;
                        }
                    }
            .IN2CONTAINER3 {
                width: 579px;

                display: flex;
                flex-direction: row;
            }
                @media only screen and (max-width: 700px) {
                    .IN2CONTAINER3 {
                        flex-direction: column;
                        
                        width: 300px;
                        margin: 0 auto;
                    }
                }
                .VIDEO {
                    width: 279px;
                    height: 250px;

                    margin: 0 5px 10px 10px;
                }
                    @media only screen and (max-width: 700px) {
                        .VIDEO {
                            margin: 5px auto;
                        }
                    }
                .ART {
                    width: 279px;
                    height: 250px;

                    margin: 0 0 10px 5px;
                }
                    @media only screen and (max-width: 700px) {
                        .ART {
                            margin: 5px auto;
                        }
                    }