body {
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-color: rgb(0, 97, 150);
    margin: 0px;
}

.min-video {
    width: auto !important;
    max-width: 90% !important;
    max-height: 400px !important;
}

.cimg{
    max-width:400px !important;
}

html {
    display: flex;
    justify-content: center;
}

.falling-snow {
    z-index: -1;
}

.min-but {
    font-family: 'Courier New', monospace;
    font-size: 20px;
    width: 35% !important;
}

#anaekran {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
}

#icekran {
    transition: 2s;
    display: inline-block;
    width: 90%;
    background-color: rgba(0, 36, 100, 0.7);
}

   
.text {
    position: absolute;
    color: orange;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.home-box {
    font-weight: bold;
    font-size: 26px;
    color: rgb(255,165,0);
    left: 4px;
    bottom: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: block;
}

 

.img {
    display: inline-block;
    width: 100%;
    text-align: center;
}


.textbox {
    font-family: 'Courier New', monospace;
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
    border: solid 0.5px transparent;
    border-radius: 25px;
    font-size: 22px;
    width: 50%;
    color: orange;
    padding: 25px;
    background-color: rgba(0, 36, 100, 0.9);
}

#disekran {
    margin-right: 50%;
    transition: 1s;
    display: none;
    width: 100%;
    opacity: 0;
    position: absolute;
}

#projeler {
    margin-right: 50%;
    transition: 1s;
    display: none;
    width: 100%;
    opacity: 0;
    height: 85%;
    position: absolute;
}

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

#last {
    margin-bottom: 0px;
}

i {
    margin-top: 25px;
    margin-left: 2.5%;
    color: orange;
    cursor: pointer;
    margin-right: 2.5%;
    font-size: 90px;
    transition: 0.54s;
}

    i:hover {
        color: rgb(170, 105, 0);
    }

.dailybox {
    display: block;
    height: 100%;
    overflow-y: scroll;
}

.daily-textbox {
    transition: 0s;
    font-family: 'Courier New', monospace;
    display: inline-block;
    position: relative;
    border: solid 0.5px transparent;
    border-radius: 25px;
    font-size: 22px;
    height: 240px;
    width: 400px;
    color: orange;
    padding: 1%;
    min-height: 240px;
    margin-bottom: 25px;
    background-color: rgba(0, 36, 100, 0.9);
    margin-right: 1%;
}

.daily-textbox-project {
    transition: 0s;
    font-family: 'Courier New', monospace;
    display: inline-block;
    position: relative;
    border: solid 0.5px transparent;
    border-radius: 25px;
    font-size: 22px;
    height: 240px;
    width: 400px;
    color: orange;
    padding: 1%;
    min-height: 240px;
    margin-bottom: 25px;
    background-color: rgba(0, 36, 100, 0.9);
    margin-right: 1%;
}

.daily-textbox-makale {
    transition: 0s;
    font-family: 'Courier New', monospace;
    display: inline-block;
    position: relative;
    border: solid 0.5px transparent;
    border-radius: 25px;
    font-size: 22px;
    height: 240px;
    width: 400px;
    color: orange;
    padding: 1%;
    min-height: 240px;
    margin-bottom: 25px;
    background-color: rgba(0, 36, 100, 0.9);
    margin-right: 1%;
}

#daily {
    margin-right: 50%;
    transition: 1s;
    width: 100%;
    height: 85%;
}

#makaleler {
    margin-right: 50%;
    transition: 1s;
    display: none;
    width: 100%;
    opacity: 0;
    height: 85%;
    position: absolute;
}

.inner-div {
    margin-right: 50%;
    transition: 1s;
    display: none;
    width: 100%;
    opacity: 0;
    height: 85%;
    position: absolute;
}

.inner-text {
    font-family: Muli;
    letter-spacing: 0.3px;
    white-space: pre-line;
    transition: 0s;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.inner-text-project {
    font-family: Muli;
    letter-spacing: 0.3px;
    white-space: pre-line;
    transition: 0s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50%;
}

.inner-text-makale {
    font-family: Muli;
    letter-spacing: 0.3px;
    white-space: pre-line;
    transition: 0s;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.continue-box {
    font-weight: bold;
    font-size: 26px;
    color: graytext;
    left: 4px;
    bottom: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: block;
}

    .continue-box:hover {
        color: lightgray;
    }

.continue-box-project {
    font-weight: bold;
    font-size: 26px;
    color: graytext;
    left: 4px;
    bottom: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: block;
}

    .continue-box-project:hover {
        color: lightgray;
    }

.continue-box-makale {
    font-weight: bold;
    font-size: 26px;
    color: graytext;
    left: 4px;
    bottom: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: block;
}

    .continue-box-makale:hover {
        color: lightgray;
    }

.c::-webkit-scrollbar-track {
    background-color: transparent;
}

.resim {
    text-align: center;
}

.c::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}

.c::-webkit-scrollbar-thumb {
    background-color: #006666;
    border: 1px solid transparent;
}

.c .c {
    top: 10%;
}

.c #disekran {
    top: 10%;
}

.makalelerbox {
    top: 10%;
}

.text-link {
    color: black;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 0px 25px;
    background-color: white;
    font-size: 24px;
}


@-moz-document url-prefix() {
    .c {
        scrollbar-color: #006666 transparent !important;
        scrollbar-width: thin !important;
    }

    #copyrigh {
        direction: rtl;
        float: right;
    }
}

body {
    width: 94% !important;
}

#icekran {
    width: 94% !important;
}

#latestNavItem{
    display:none;
}

@media only screen and (max-width: 1600px) {

    body {
        width: 100% !important;
    }

    #icekran {
        width: 100% !important;
    }
}


@media only screen and (max-width: 1350px) {

    body {
        width: 100% !important;
    }

    #icekran {
        width: 100% !important;
    }

    .daily-textbox {
        font-size: 16px;
        width: 40% !important;
    }

    .daily-textbox-project {
        font-size: 16px;
        width: 375px;
    }

    .daily-textbox-makale {
        font-size: 16px;
        width: 375px;
    }

    .min-but {
        font-family: 'Courier New', monospace;
        font-size: 15px;
        width: 22% !important;
    }


    .l-column {
        display: grid;
        gap: 20px;
        grid-column: span 2;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
    }

        .l-column .card-div {
            grid-column: initial !important;
        }
}

.daily-textbox {
    font-size: 16px;
    width: 27%;
}

.daily-textbox-project {
    font-size: 16px;
    width: 27%;
}

.daily-textbox-makale {
    font-size: 16px;
    width: 27%;
}


h4 {
    height: 40px;
}

@media only screen and (max-width: 999px) {

    button {
        width: 70%;
        margin-left: 5%;
        margin-right: 5%;
        font-size: 22px;
    }

    .img {
        overflow: hidden;
        margin: 0;
        width: 100%;
    }

    .textbox {
        width: 70%;
        overflow: hidden;
        font-size: 21px;
    }

    i {
        margin-top: 25px;
        color: orange;
        font-size: 60px;
    }

    body {
        width: 100% !important;
    }

    #icekran {
        width: 100% !important;
    }
}

@media only screen and (max-width: 825px) {
    .daily-textbox {
        font-size: 16px;
        width: 90% !important;
    }


    .textbox:first-child{
        margin-bottom:0;
    }

    #latestNavItem {
        grid-column: span 3;
        display: block !important;
    }

    body {
        width: 100% !important;
    }

    #icekran {
        width: 100% !important;
    }

    .daily-textbox-project {
        font-size: 16px;
        width: 75%;
    }

    .daily-textbox-makale {
        font-size: 16px;
        width: 75%;
    }

    .min-but {
        font-family: 'Courier New', monospace;
        font-size: 14px;
        width: 70% !important;
    }

    .header-box {
        font-size: 17px !important;
        width: 80% !important;
        word-wrap: break-word;
    }

    #credential ul a {
        display: none;
    }

    .column {
        grid-column: span 2 !important;
    }

    .l-column {
        display: block;
    }
}

@media only screen and (max-width: 500px) {
    #latestNavItem {
        grid-column: span 1 !important;
        display: block !important;
    }
}


.falling-snow {
    height: 100%;
}

body {
    overflow-x: hidden !important;
}

.diaryDiv {
    background-color: #ffffff;
    padding-top: 2px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .diaryDiv h1 {
        text-align: center;
        color: #333;
    }

    .diaryDiv textarea {
        width: 90%;
        height: 400px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        resize: none;
        font-size: 16px;
        font-family: Muli;
        letter-spacing: 0.3px;
    }

    .diaryDiv .buttons {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .diaryDiv button {
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
    }

    .diaryDiv #addLinkBtn {
        background-color: #007BFF;
        color: #fff;
    }

    .diaryDiv #sendBtn {
        background-color: #28a745;
        color: #fff;
    }



.loginBtn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007BFF;
    color: white;
    cursor: pointer;
    font-size: 16px;
}

.loginModal {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    width: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

    .loginModal .closeBtn {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
    }

    .loginModal input {
        width: 90%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 16px;
    }

    .loginModal button {
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        background-color: #28a745;
        color: white;
        cursor: pointer;
        font-size: 16px;
    }

html {
    overflow-x: hidden;
}

.subs-container {
    margin-top: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subs-content {
    width: 360px;
    height: 40px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .2);
    border-radius: 60px;
    overflow: hidden;
}

.subs-subscription {
    position: relative;
    width: 100%;
    height: 100%;
}

    .subs-subscription .subs-add-email {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        padding: 0 20px;
    }

    .subs-subscription .subs-submit-email {
        position: absolute;
        top: 0;
        right: 0;
        height: calc(100% - 2px);
        width: 100px;
        border: none;
        border-radius: 60px;
        outline: none;
        margin: 1px;
        padding: 0 20px;
        cursor: pointer;
        background: #4ABEBB;
        color: #FFFFFF;
        transition: width .35s ease-in-out, background .35s ease-in-out;
    }

    .subs-subscription.done .subs-submit-email {
        width: calc(100% - 2px);
        background: #C0E02E;
    }

    .subs-subscription .subs-submit-email .subs-before-submit,
    .subs-subscription .subs-submit-email .subs-after-submit {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 38px;
        transition: visibility .35s ease-in-out, opacity .35s ease-in-out;
    }

    .subs-subscription.done .subs-submit-email .subs-before-submit,
    .subs-subscription:not(.done) .subs-submit-email .subs-after-submit {
        visibility: hidden;
        opacity: 0;
    }

    .subs-subscription .subs-submit-email .subs-after-submit {
        transition-delay: .35s;
    }

    .subs-subscription:not(.done) .subs-submit-email .subs-before-submit,
    .subs-subscription.done .subs-submit-email .subs-after-submit {
        visibility: visible;
        opacity: 1;
    }



svg {
    width: clamp(300px, 70%, 600px);
    height: 500px;
}

#rocket {
    transform: translateY(750px);
    animation: launch 2s ease-out forwards;
}

@keyframes launch {
    from {
        transform: translateY(750px);
    }

    to {
        perspective: 500px;
        transform: translateY(0px);
    }
}

#stars {
    animation: twinkling 2s linear;
}

@keyframes twinkling {

    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.text {
    opacity: 0;
    animation: appear 1s ease-in forwards;
    animation-delay: 1.8s;
}

@keyframes appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    border-radius: 25px !important;
    overflow: hidden;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #bbb;
    color: black;
}

/* Style the back side */
.flip-card-back {
    background-color: rgba(0, 36, 100, 0.9);
    color: white;
    transform: rotateY(180deg);
}


@media only screen and (max-width: 500px) {

    nav ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Her satırda 2 öğe */
    }

    .sidebar {
        height: auto;
        min-height: 70px;
    }

    .inner-text {
        font-size: 14px;
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }

    .daily-textbox {
        height: 150px;
        min-height: 180px;
    }

    h4 {
        font-size: 16px;
        height: 20px;
    }

    .continue-box {
        font-size: 20px;
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }

    .text-link {
        font-size: 16px;
    }

    .subs-add-email {
        font-size: 12px;
    }

    #AddSubscriber {
        font-size: 12px;
        width: 80px;
        padding: 0;
    }
}

.commentDiv {
    background-color: rgba(0, 36, 100, 0.9);
    width: 90%;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: orange;
    opacity: 0;
    font-family: Muli;
    margin-bottom: 10px;
    transition: 2s;
}

    .commentDiv button {
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        background-color: #28a745;
        color: #fff;
        margin-bottom: 16px;
    }

.diaryText {
    margin-bottom: 10px;
    width: 90%;
    height: 400px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
    font-size: 16px;
    font-family: Muli;
    letter-spacing: 0.3px;
}

.commentDiv .diaryText {
    height: 100px;
}

.commentboxDiv {
    background-color: rgba(0, 36, 100, 0.9);
    width: 90%;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: orange;
    opacity: 1;
    font-family: Muli;
    margin-bottom: 10px;
    transition: 2s;
}

    .commentboxDiv h4 {
        text-align: start;
        padding: 10px;
        margin: 0;
        height: auto;
    }

    .commentboxDiv .inner-text {
        padding: 15px;
        text-align: start;
        margin-left: 5%;
        padding-top: 1px;
    }

.commentuserboxDiv {
    width: 90%;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    opacity: 1;
    font-family: Muli;
    margin-bottom: 10px;
    transition: 2s;
}

.mainDiv {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
    font-family: 'Open Sans', sans-serif;
}

.cardStyle {
    width: 500px;
    border-color: white;
    background: #fff;
    padding: 36px 0;
    border-radius: 4px;
    margin: 30px 0;
    box-shadow: 0px 0 2px 0 rgba(0,0,0,0.25);
}

#signupLogo {
    max-height: 100px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.formTitle {
    font-weight: 600;
    margin-top: 20px;
    color: #2F2D3B;
    text-align: center;
}

.inputLabel {
    font-size: 12px;
    color: #555;
    margin-bottom: 6px;
    margin-top: 24px;
}

.inputDiv {
    width: 70%;
    display: flex;
    flex-direction: column;
    margin: auto;
}

input {
    height: 40px;
    font-size: 16px;
    border-radius: 4px;
    border: none;
    border: solid 1px #ccc;
    padding: 0 11px;
}

    input:disabled {
        cursor: not-allowed;
        border: solid 1px #eee;
    }

.buttonWrapper {
    margin-top: 40px;
}

.submitButton {
    width: 70%;
    height: 40px;
    margin: auto;
    display: block;
    color: #fff;
    background-color: #065492;
    border-color: #065492;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    padding: 0 !important;
}

    .submitButton:disabled,
    button[disabled] {
        border: 1px solid #cccccc;
        background-color: #cccccc;
        color: #666666;
    }

#loader {
    position: absolute;
    z-index: 1;
    margin: -2px 0 0 10px;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #666666;
    width: 14px;
    height: 14px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.card-row {
    display: grid;
    grid-template-columns: 32% 32% 32%; /* Varsayılan: 3 sütun */
    gap: 15px; /* Elemanlar arası boşluk */
    padding: 20px;
    justify-content: center;
    align-items: flex-start; /* her column kendi yüksekliğinde */
}

.column {
    margin-bottom:100px;
    font-family: 'Courier New', monospace;
    position: relative;
    border: solid 0.5px transparent;
    border-radius: 25px;
    font-size: 22px;
    color: orange;
    text-align: center; /* İçeriği ortalamak için */
    padding: 10px;
    transition: all 0.3s ease-in-out; /* Hover efektleri için */
}


.card-div {
    margin-top: 25px;
    font-family: 'Courier New', monospace;
    position: relative;
    border: solid 0.5px transparent;
    border-radius: 25px;
    font-size: 22px;
    color: orange;
    background-color: rgba(0, 36, 100, 0.9);
    text-align: center; /* İçeriği ortalamak için */
    padding: 10px;
    transition: all 0.3s ease-in-out; /* Hover efektleri için */
    cursor:pointer;
}

    .card-div:first-child {
        margin-top: 0;
    }


    .card-div:hover {
        border-color: orange; /* Hover sırasında çerçeve rengi değişir */
        transform: scale(1.02); /* Hover sırasında büyüme efekti */
    }

/* Ekran genişliği 1350 pikselden küçük olduğunda */
@media (max-width: 1350px) {
    .card-row {
        grid-template-columns: auto auto; /* 2 sütun */
        grid-template-rows: auto auto; /* Otomatik yükseklik */
    }

    .card-div:nth-child(3n) { /* Her 3. eleman */
        grid-column: 1 / -1; /* 1'den başlayıp tam satırı kaplasın */
    }
    .l-column {
        display: none !important;
    }
}

/* Ekran genişliği 825 pikselden küçük olduğunda */
@media (max-width: 825px) {
    .card-row {
        grid-template-columns: auto; /* 1 sütun (tam kaplar) */
    }

    .card-div {
        font-size: 18px; /* Daha küçük ekranlar için yazı boyutu */
        border-radius: 15px; /* Daha küçük border */
    }


    .column{

        margin-bottom:0px;
    }

   .m-column{
       display:none;
   }

   .l-column{
       display:none;
   }

}


#about .textbox {
    width: 80%;
}



button.btn {
    color: #ffffff;
    background: #000000;
    border: 1px solid #000000;
}

    button.btn:hover {
        color: #ffffff;
        background: #FF6F61;
        border-color: #FF6F61;
    }




.inner-card {
    word-break: break-word;
    position: absolute;
    top: 100%;
    background: white;
    height: 70%;
    opacity: 0.8;
    padding: 3%;
    transition: 0.3s;
    width: 100%;
}

.hover-card:hover .inner-card {
    top: 0%;
}

.hover-card {
    overflow: hidden;
    padding-right: 0 !important;
}




/**********************************/
/********** Main News CSS *********/
/**********************************/
.main-news {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

    .main-news .col-md-4 {
        margin-bottom: 30px;
    }

    .main-news .mn-img {
        position: relative;
        overflow: hidden;
    }

        .main-news .mn-img img {
            width: 100%;
        }

        .main-news .mn-img:hover img {
            filter: blur(3px);
            -webkit-filter: blur(3px);
        }

    .main-news .mn-title {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 15px 10px 15px 20px;
        background-image: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .3), rgba(0, 0, 0, .9));
        display: flex;
        align-items: flex-end;
    }

        .main-news .mn-title a {
            display: block;
            width: 100%;
            color: #ffffff;
            font-size: 18px;
            font-weight: 400;
            transition: .3s;
        }

            .main-news .mn-title a:hover {
                color: #FF6F61;
            }

    .main-news .mn-list {
        margin-bottom: 30px;
    }

        .main-news .mn-list h2 {
            color: #000000;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 3px double #000000;
        }

        .main-news .mn-list ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .main-news .mn-list ul li {
                margin: 0 0 12px 22px;
            }

                .main-news .mn-list ul li:last-child {
                    margin-bottom: 0;
                }

                .main-news .mn-list ul li a {
                    color: #000000;
                    display: block;
                    line-height: 23px;
                }

                .main-news .mn-list ul li::before {
                    position: absolute;
                    content: '\f061';
                    font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
                    color: #000000;
                    left: 1px;
                }

                .main-news .mn-list ul li a:hover {
                    color: #FF6F61;
                }



.card-div img {
    width: 100%;
}

#refresh-my {
    opacity: 0.7;
    transition: 0.3s;
}

    #refresh-my:hover {
        opacity: 0.9;
    }

    .falling-snow:first-child{
        display:block;
    }


    .falling-snow{
        display:none;
    }
	
	
	.commentboxDiv .inner-text {
		
		-webkit-line-clamp: none !important;
		
		
		
	}
	
	#test2{
	    max-height: none !important;
	}


.textareas {
    border: solid 1px black;
    text-align: center;
    padding: 5px;
    transition: 0s;
    font-family: 'Courier New', monospace;
    display: inline-block;
    position: relative;
    border: solid 0.5px white;
    border-radius: 25px;
    font-size: 22px;
    color: orange;
    padding: 1%;
    min-height: 240px;
    margin-bottom: 25px;
    background-color: rgba(0, 36, 100, 0.9);
    margin-right: 1%;
    font-family: Muli;
    letter-spacing: 0.3px;
    white-space: pre-line;
    transition: 0s;
    display: block;
    overflow: hidden;
    overflow-y: auto;
    width:90%;
    margin:auto;
    resize:none;
}

.min-img {
    width: auto !important;
    max-width:90% !important;
    max-height: 400px !important;
}

.card-div li{
	
	text-align:start !important;
}

/* Genel buton stili */
.pagination button {
    background-color: rgba(0, 36, 100, 0.9); /* Arka plan rengi */
    color: orange; /* Font rengi */
    font-family: 'Muli', sans-serif; /* Font ailesi */
    font-size: 26px; /* Yazı boyutu */
    border: none; /* Kenarlık yok */
    padding: 10px 20px; /* İç boşluk */
    cursor: pointer; /* İmleç pointer */
    transition: background-color 0.3s ease, color 0.3s ease; /* Geçiş efekti */
    border-radius: 5px; /* Yuvarlak köşeler */
    margin-bottom:20px;
}

    .pagination button:disabled {
        cursor: not-allowed; /* Buton devre dışı ise pointer değil */
        opacity: 0.5; /* Buton devre dışı ise opaklık */
    }

    .pagination button:hover {
        background-color: rgba(0, 36, 100, 1); /* Hover arka plan rengi */
        color: #fff; /* Hover durumunda yazı rengi beyaz */
    }

/* Sayfa numarası (span) için stil */
.pagination span {
    font-family: 'Muli', sans-serif;
    color: white; /* Sayfa numarasının rengi */
    font-size:26px;
    margin: 0 10px; /* Sağ ve sol boşluk */
}


.diaryDiv #actionOptions img {
    display: none;
}

.l-column {
    margin-bottom: 100px;
}


.card-div a {
 
    user-select: none; /* Modern tarayıcılar için */
    -webkit-user-select: none; /* Safari ve eski Chrome için */
    -moz-user-select: none; /* Firefox için */
    -ms-user-select: none; /* Internet Explorer için */


}

.daily-textbox a {
    user-select: none; /* Modern tarayıcılar için */
    -webkit-user-select: none; /* Safari ve eski Chrome için */
    -moz-user-select: none; /* Firefox için */
    -ms-user-select: none; /* Internet Explorer için */
}


.card-div .inner-text {

    display:block !important;

}