* {
/*    box-sizing: border-box; */
  }

body {
    font-family: sans-serif;
    color: #777;
    margin: auto 0px;
}

#sayfa {
/*    height: 446.5px; */
    width: 100%;
    position: relative;
    text-align: center;
    /*background: linear-gradient(240deg, rgb(241, 241, 241), aliceblue);*/
    display: flex;
    justify-content: space-between;
}

.üst-sayfa-element-container {
    height: 100%;
    width: 33%;
}

#gökkuşağı-sol-tepe {
    width: 29.2%;
    aspect-ratio: 1/1;
    position: relative;
    top: 0px;
    background: linear-gradient(45deg, #62bb47 10%, #62bb47 10%, #fcb827 10%, #fcb827 30%, #f6831e 30%, #f6831e 50%, #e03b3f 50%, #e03b3f 70%, #963d97 70%, #963d97 90%, #009ddc 90%);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    height: 0%;
/*
    width: 130px;
    min-width: 57px;
    min-height: 57px;
*/
}

#giriş-küpü {
    height: 50%;
    width: 69.8%;
    margin-top: 17.9%;
}

#konsol-container {
/*    height: 118%; */
/*    width: 16.4%; */
    position: relative;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: space-between;
}

#konsol {
    aspect-ratio: 11/25;
    width: 49.2%;
    background: linear-gradient(180deg,red,#8e0600);
    position: relative;
    right: 0px;
    top: 0px;
    border-bottom-left-radius: 10px;
    z-index: 1;
}

#konsol-iç {
    aspect-ratio: 200/477;
    width: 90.9%;
    background: linear-gradient(180deg,#ff5f9b,#a2201a);
    position: absolute;
    right: 0px;
    top: 0px;
    border-bottom-left-radius: 10px;
}

#konsol-tepe {
/*    aspect-ratio: 200/133; */
    width: 100%;
    height: 30%;
    color: rgb(255, 177, 177);
    border-bottom: 1px solid #ff7ca1;
    padding-top: 45%;
    font-size: 1.5vw; /*18px*/

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
}
#konsol-alt {
    aspect-ratio: 200/140;
    width: 100%;
    height: 28%;
    color: rgb(255, 177, 177);
    padding-top: 55%;
    font-size: 1.5vw;/*18px*/
    border-bottom-left-radius: 10px;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
}

.konsol-a {
    text-decoration: none;
}
#konsol-kenar-yazı {
    position: relative;
    right: -33%;
    rotate: -90deg;
    margin-top: 9.7vw;
    color: #bbb;
    font-size: max(1.26vw, 7px);
    height: 13vw;
    width: 51%;
  
}
#başlık-container {
    height: 32px;
    width: 100%;
/*  background: linear-gradient(
        90deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%);*/
        margin-bottom: -21px;
        margin-top: -5.9%;
}
#başlık-container-iç {
/*    background: linear-gradient(180deg, #fff, #fff0 90%);
    padding-top: 300px;
    width: 100%;
*/
}
#başlık {
    text-align: center;
/*  border-bottom: 1px solid #dcdcdc; #37c6ff */
    margin-top: -21px;

}
#başlık-yazı {
    margin: auto;
    width: 13.509rem;
    font-size: 16px;
    font-family: sans-serif;
    font-style: bold;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    border-left: transparent;
    border-right: transparent;
}
#çizgi {
    height: 500px;
    width: 100%;
    position: relative;
    top: -11px;
    border-top: 1px solid #dcdcdc;
    z-index: -1;
}

#alt-container {
    height: 500px;
    width: 100%;
/*    border-top: 1px solid #dcdcdc;*/
    z-index: 0;
/*  margin-top: 10px;*/
/*    position: absolute;*/
    display: flex;
}

#alt-alan-container {
    width: 100%;
    display: flex;
    flex-direction: row;
}
#sol-alt-alan-container {
    width: 32%;
    padding-left: 1%;
}

#orta-alt-alan-container {
    height: 500px;
    width: 27.43%;
/*    background: #dcdcdc;*/
/*    margin-left: 0px;*/
/*    padding-top: 0px;*/
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid transparent;
/*    border: 1px solid aqua; */
/*    justify-content: center;*/
    display: flex;
    flex-direction: column;
    margin-top: 0%;
/*    padding-top: 3%;*/
/*    bottom: 14px;*/
    padding: 3% 3.2%;
}
#sağ-alt-alan-container {
    height: 500px;
    width: 29.5%;
    color: #777;
/*    border: 1px solid magenta; */
    display: flex;
    justify-content: flex-start;
    padding-left: 2.45%;
    padding-top: 0.46%;
}
#sağ-alt-alan-container img {
    width: 20px;
}

.dikey-çizgi-haberleri {
    height: 18.79%;
    width: 100%;
/*    margin-top: 25px;*/
    border: 1.9px dashed #dcdcdc;
    border-radius: 10px;
    position: relative;
    top: 1px;
/*    padding-top: 11%;*/
    color: #989898bc;
/*    padding-left: 5%;*/
    text-align: center;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
}
#paragraf-1 {
    color: #4286f49d;
}
#paragraf-2 {
    color: #db4537a9;
}
#paragraf-3 {
    color: #0f9d5895;
}
/*
@keyframes example {
    0%   {background: #a2211a7c};
    100% {background: #a2201a};
}*/

/* The element to apply the animation to */
#konsol-tepe:hover, #konsol-alt:hover {
    background: linear-gradient(180deg, #ff9b9534, rgba(255, 255, 255, 0.312));
}

/*
#haber-kutusu-1:hover {
    border-color: #009edc;
}
#haber-kutusu-2:hover {
    border-color: #dcd800;
}
#haber-kutusu-3:hover {
    border-color: #00dc6a;
}*/