body {
    margin-left: 7% !important;
    margin-right: 7% !important;
    background-color: whitesmoke;
    zoom: 0.9;
}

h1 {
    font-size: 32px;
    font-weight: bold;
}

strong,
a {
    color: black;
}

h2,
h3 {
    font-size: 24px;
}

header {
    margin: 2%;

    nav {
        margin-top: 2%;

        .nav-link {
            color: #ff2a31 !important;
            font-weight: bold;

        }

    }
}

.navbar-toggler {
    background-color: #ff2a31 !important;
}

.bg-primary {
    background-color: black !important;
}

.main {
    display: flex;

    .first-part {
        background-color: white;
        width: 100%;
        margin: 2%;
        padding: 3% 4% 4% 4%;


        p {
            margin-bottom: 2%;
        }

        .text-person {
            border-bottom: 0.5px solid gray;
            margin-bottom: 4%;

            h1 {
                margin-bottom: 6%;
            }
        }

        .f-last {
            margin-top: 10%;
            border-top: 0.5px solid gray;

            ul {
                display: flex !important;

                li {
                    padding: 20px !important;
                    list-style-type: none;

                    a {
                        text-decoration: none;

                    }
                }
            }
        }

        .f-last-2 {
            border-top: 0.5px solid gray;

            ul {
                display: flex !important;

                li {
                    padding: 20px !important;
                    list-style-type: none;

                    a {
                        text-decoration: none;

                    }
                }
            }
        }


    }



    .second-part {
        height: 100px;
        width: 36%;
        margin: 2%;

        .s-first {
            color: gray;
            background-color: white;
            padding: 10% 6% 10% 6%;

            .form-control {
                border-radius: 0;
            }

            .btn:hover {
                color: white;
            }

            .btn {
                border-radius: 0;
            }


        }

        .s-second {
            margin-top: 8%;
            background-color: white;
            padding: 10% 6% 10% 6%;

            h4 {
                color: gray;
                margin-bottom: 3% !important;
            }

            ul {
                margin-left: -1rem;
                margin-top: 1rem;

                li {
                    list-style-type: none;
                    margin-top: 10px;

                    a {
                        text-decoration: none;
                        color: black;
                    }
                }
            }
        }

        .s-third {
            margin-top: 8%;
            background-color: white;
            padding: 10% 6% 10% 6%;

            h4 {
                color: gray;
                margin-bottom: 3%;
            }

            p {
                font-size: medium;
                padding: 10% 4% 0% 4%;
            }
        }
    }
}

.betmanbet {
    text-decoration: none;
    color: rgb(251 113 0);
}

@media (max-width: 800px) {
    .second-part {
        display: none;
    }

    .f-last {
        font-size: small;
    }

    body {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .giris-yap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px;
    }
}

.foto-tikla {
    margin-top: 10px;
    justify-content: center;
    display: flex;
    font-size: xx-large;
}