body {
}
html, body {
    overflow-y: scroll;
    scrollbar-width: none; 

}
::-webkit-scrollbar {
    display: none; 
}
* {
    transition: 0.5s ease;
    font-family: "Poppins";
    
}

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

:root {
    --lavender-color: #e6f0ff;
    --tomato-color: #fc5c65;
    --dark-color: #20242d;
}

/*Genel*/

.darkcolor {
    color: var(--dark-color);
}

.bgdarkcolor {
    background-color: var(--dark-color);
}

.bgtomatocolor {
    background-color: var(--tomato-color);
}

.tomatocolor {
    color: var(--tomato-color);
}

.button {
    background-color: var(--tomato-color);
    border-radius: 3rem;
    color: var(--dark-color);
}

/*Genel*/




/* Navbar Start*/
.offcanvas {
    background-color: var(--dark-color) !important;
}

.bg-navbar {
    background-color: var(--dark-color);
}

.nav-link:hover {
    color: var(--tomato-color) !important;
}

.navbar {
    height: 80px;
    border-bottom: none !important;
}

.nav-link {
    padding-left: 0.7rem !important;
}
.trengmobile,
.treng {
    background-color: var(--tomato-color);
    color: white !important;
    border-radius: 0.2rem;
    
}



.trengmobile:hover,
.treng:hover{
    color:var(--dark-color) !important;
}
.trengmobile {
    background-color: var(--tomato-color);
    color: white !important;
    border-radius: 0.2rem;
    padding:0.5rem 0.5rem;
    display: none;
    width: 100%;
    text-align: center;
}
.laneng, .lantr {
    display: block;
}


.lanengmbl, .lantrmbl {
    display: none;
}

/* Navbar End*/


/*Index Start*/

/*Welcome Screen Start*/
#welcomesc {
    background: linear-gradient(to bottom right, #161a22, #2a2e3b, #3c4451);
    height: 100vh;
}

.left-side p {
    color: pink !important;
}

.right-side img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
}

.name {
    font-size: 3.6rem;
    cursor: default;
}



/*Welcome Screen End*/


/*About Screen Start*/

#aboutsc {
    background: linear-gradient(to bottom right, #161a22, #2a2e3b, #3c4451);
    height: 100vh;
}

.projebtn {
    background-color: white;
}

.a-side h1 {
    font-size: 3rem;
}

.a-side p {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.textabout {
    color: darkgray;
}


.about {
    cursor: default;
}

.b-side img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    width: 300px;
    height: 450px;
}
#photo:hover{
    transform:scale(1.05);
}



/*About Screen End*/






/*Project Screen Start*/


#projectsc {
    background: linear-gradient(to bottom right, #161a22, #2a2e3b, #3c4451);
    height: 100vh;
}

    #projectsc h2 {
        cursor: default;
    }

.box-color {
    background-color: var(--tomato-color);
}

.text-tomato {
    color: var(--tomato-color);
}

.text-siyah {
    color: var(--dark-color);
}
.projectbtn:focus {
    border-color: none;
    box-shadow: 0 0 0 0.25rem rgba(255, 87, 51, 0.25);
}
.projectheight{
    height:350px;
    border-radius:20px;
}
.projectheight:hover {
    transform:scale(1.03);
}

.acard:hover {
    transform: scale(1.05);
    transition: 0.5s ease;
}

.image {
    height: auto;
    width: 90%;
    margin-left: 5% !important;
}

.cardina {
    display: block;
    width: 23rem;
    margin: 0 auto;
}



/*Project Screen End*/



/*Contact Screen Start*/

#contactsc {
    background: linear-gradient(to bottom right, #161a22, #2a2e3b, #3c4451);
    height: 100vh;
}


.bg{
    height:600px !important;
}
.form-control:focus {
    border-color: var(--tomato-color);
    box-shadow: 0 0 0 0.25rem rgba(255, 87, 51, 0.25);
}
.icon:hover{
    transform:scale(1.20);
    color:var(--lavender-color);
}
#social{
   color:white;
    font-size:2.1rem;
}
#social:hover{
    transform:scale(1.15);
    color:var(--dark-color);
}
.cv{
    
    color:inherit;
}
.cursor{
    cursor:default;
}

#cvicon {
    color: inherit;
    text-decoration: none;
}
#mailto{
    color:inherit !important;
    text-decoration:none !important;
}
/*Contac Screen End*/

/*Index End*/


























/* Respo Start*/
/*foto*/


@media (max-width: 1600px) {
    #projectsc {
        height: 130vh !important;
    }

    #contactsc {
        height: 1000px;
    }
}


@media (max-width: 1280px) {
    #projectsc {
        height: 100vh !important;
    }

    #contactsc {
        height: 1000px;
    }

    .projectheight{
        height:400px;
    }
    
    
}

@media (max-width: 1024px) {
    #projectsc {
        height: 120vh !important;
    }

    #contactsc {
        height: 1500px;
    }
    .form-control{
        width:100%;
        
    }
    .projectheight{
        height:450px;
    }
}
@media (max-height: 600px) {
    #projectsc {
        height: 200vh !important;
    }

}
@media (max-height: 800px) {
    #projectsc {
        height: 160vh !important;
    }
}
@media (max-width: 820px) {
    #projectsc {
        height: 150vh !important;
    }

    #contactsc {
        height: 1500px;
    }
}

@media (max-width: 768px) {


    #projectsc {
        height: 130vh !important;
    }

    #contactsc {
        height: 1500px;
    }
    .projectheight{
        height:450px;
    }
}



@media (max-width: 576px) {
    .b-side img {
        max-width: 300px !important; /* Ekran küçükse genişliği biraz daha küçült */
        height: 300px !important; /* Yüksekliği otomatik tut */
    }

    #projectsc {
        height: 200vh;
    }

    #contactsc {
        height: 1500px;
    }
    .treng {
        display: none;
    }
    .trengmobile{
        display:block;
    }
    .laneng, .lantr {
        display: none !important;
    }

    .lanengmbl, .lantrmbl {
        display: block;
    }
   
    
}


@media (max-width: 540px) {


    #projectsc {
        height: 250vh !important;
    }

    #contactsc {
        height: 1500px;
    }
    .form-control{
        width:100%;
    }
    .projectheight{
        height:350px;
    }
  
}



@media (max-width: 390px) {
    .b-side img {
        max-width: 300px !important; /* Ekran küçükse genişliği biraz daha küçült */
        height: 300px !important; /* Yüksekliği otomatik tut */
    }

    #projectsc {
        height: 150vh;
    }

    #contactsc {
        height: 1500px;
    }
}


@media (max-width: 375px) {

    #aboutsc {
        height: 120vh;
    }

    #projectsc {
        height: 280vh !important;
    }

    #contactsc {
        height: 1500px;
    }

    .form-control{
        width:100%;
    }
    .skils{
        margin-top:10px;
    }
    .projectheight{
        height:400px;
    }
    
}










/* Respo End*/