*{
    margin: 0px;
    font-family: 'Poppins', sans-serif;
}

body {
    background-color: #222222;
}

.sahekonteyner {
    background-color: #222222;
    width: 100%;
    min-height: 160vh;
    height: auto;
    font-weight: 300;
}

.sahebasliq {
	background-color: rgb(40, 100, 215);
	width: 60%;
	height: 40px;
	font-size: 1em;
	margin: 0 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	font-weight: 400;
	color: white;
	border: solid 1px white;
	border-radius: 5px;
}

.image_container {
    text-align: center;
}

.wrapper {
    /* background-color: skyblue; */
    width: 90%;
    margin-top: 20px;
    margin: 20px 5%;
    height: auto;
    color: white;
    font-size: 17px;
    box-sizing: border-box;
    text-align: center;
}

.wrapper .inputBasliq {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.uzunluqDiv {
    /* background-color: deepskyblue; */
    width: 100%;
    margin-bottom: 20px;
}
.enDiv {
    width: 100%;
    margin-bottom: 40px;
}

.wrapper input {
    background-color: white;
    width: 45%;
    height: 45px;
    border: none;
    border-radius: 6px;
    outline: none;
    text-align: center;
    font-size: 17px;
}

.wrapper input::placeholder{
    font-size: 16px;
}

.saheLink {
    width: 100%;
    text-align: left;
    margin-top: 100px;
    margin-bottom: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.saheLink a {
    background-color: royalblue;
    width: 250px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-decoration: none;
    color: white;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
}

.saheLink a img {
    width: 24px;
    height: 24px;
}


.qeyd {
    background-color: white;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: black;
    border-radius: 5px;
}


.btnContainer {
	/* background-color: aqua; */
	display: flex;
	justify-content: center;
}

.calculate {
	width: 50%;
	height: 40px;
	margin: 0;
}

.sahenetice {
	background-color: white;
	color: black;
	width: 80%;
	height: 40px;
	text-align: center;
    margin: 30px 10%;
	font-size: 17px;
	padding: 5px;
	font-weight: 400;
	border-radius: 8px;
	box-shadow: 0px 0px 15px black;
    line-height: 40px;
    transition: all 1s;
}






@media screen and (min-width: 800px) {

    .sahekonteyner {
        width: 1000px;
        min-height: 160vh;
        height: auto;
        font-weight: 300;
        margin: 20px auto;
        border-radius: 20px;
    }
    
    .sahebasliq {
        background-color: rgb(40, 100, 215);
        width: 30%;
        height: 40px;
        font-size: 1em;
        margin: 0px;
        padding: 0px;
        margin: 0 35%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        font-weight: 400;
        color: white;
        border: solid 1px white;
        border-radius: 5px;
    }
    
    
    .wrapper {
        /* background-color: skyblue; */
        width: 50%;
        margin: 0;
        padding: 0;
        margin: 20px 25%;
        height: auto;
        color: white;
        font-size: 17px;
        box-sizing: border-box;
        text-align: center;
    }

    .btnContainer {
        /* background-color: aqua; */
        display: flex;
        justify-content: center;
    }
    
    .calculate {
        width: 200px;
        height: 40px;
        margin: 0;
    }

    .sahenetice {
        background-color: white;
        color: black;
        width: 30%;
        height: 40px;
        text-align: center;
        margin: 0px;
        padding: 0px;
        margin: 30px 35%;
        font-size: 17px;
        font-weight: 400;
        border-radius: 8px;
        box-shadow: 0px 0px 15px black;
        line-height: 40px;
        
    }

    .qeyd {
        background-color: white;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        padding: 5px;
        box-sizing: border-box;
        font-size: 15px;
        font-weight: 400;
        color: black;
        border-radius: 5px;
    }


}