body{
background-color: #FFE6D7;
font-family: 'arciform',monospace;
margin: 0;
padding: 0;
}
*{
box-sizing: border-box;
font-family: 'arciform',monospace;
}
#akan_yazi{
color: white;
height: 35px;
text-align: center;
font-weight: bold;
padding-top: 5px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#akan_yazi:hover{
color: #EB5800;
background-color: white;
font-weight: bolder;
border-bottom: 2px solid #EB5800;
border-top: 2px solid #EB5800;
}
#karsilama{
height:164px ;
width:900px ;
display: flex;
margin-top:25px ;
margin-left: 70px;
position: absolute;
}
#karsilama_yazi{
height: 400px;
width: 900px;
margin-top: 250px;
margin-left: 70px;
border: 6px solid #EB5800;
border-radius:60px ;
position: absolute;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#karsilama_yazi_baslik{
color: #EB5800;
font-size: 40px;
width:800px ;
margin-left: 50px;
margin-top: 10px;
position: absolute;
}
#karsilama_yazi_paragraf{
width:800px ;
height: 320px;
margin-left: 50px;
margin-top: 60px;
font-size: 24px;
position: absolute;
}
#kukla{
margin-top: 56px;
margin-left: 23px;
height: 100px;
width: 100px;
border-radius: 90px;
position: absolute;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#baslik_resmi{
height:164px ;
width:147px ;
}
#baslik{
color: #EB5800;
width:700px ;
height: 95px;
padding-left: 30px;
font-size: 80px;
margin-left:2px ;
margin-top: 42px;
text-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#degerlendirme{
align-items: center;
margin-top: 700px;
margin-left: 70px;
position: absolute;
border: 6px solid #EB5800;
border-radius: 60px ;
width: 900px;
height: 100px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#degerlendirme_mesaj{
font-size:30px;
color: #EB5800 ;
padding-top:15px;
padding-left: 30px;
width: 470px;
height: 73px;
margin: 0;
margin-left: 20px;
margin-top: 7px;
position: absolute;
}
#butonlar{
padding-top: 13px;
align-items: center;
text-align: center;
width: 350px;
height: 78px;
margin-left: 510px;
margin-top: 5px;
}
#buton_olumlu{
font-size: 20px;
height:50px ;
width:160px ;
color: white;
background-color: #EB5800;
border: 3px solid #EB5800;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#buton_olumsuz{
font-size: 20px;
height:50px ;
width:160px ;
color: white;
background-color: #EB5800;
border: 3px solid #EB5800;
border-top-right-radius: 60px;
border-bottom-right-radius:60px ;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#buton_olumsuz:hover {
color:red ;
background-color: white;
border: 4px solid red;
font-weight: bolder;
}
#buton_olumlu:hover{
color: rgb(11, 201, 11);
background-color: white;
border: 4px solid rgb(11, 201, 11);
font-weight: bolder;
}
/* TABELA BOLUMU */
.tabela{
height:800px ;
width:800px ;
position: absolute;
border: 2px solid black;
margin-left:1050px ;
margin-top: 100px;
}
.direk{
height:800px ;
width: 50px;
color: #EB5800;
background-color: #EB5800;
margin-left: 400px;
position: absolute;
/*Uçgen Direk Tepesi*/
border-top: 50px solid #FFE6D7;
border-right: 50px solid transparent;
}
.tabela_anasayfa{
height:50px ;
width:100px ;
border: 2px solid black;
position: absolute;
margin-top: 30px;
margin-right: 100px;
justify-content: center;
color: white;
background-color: #EB5800;
}
/*
.navigate{
height: 750px;
width: 750px;
margin-left:1000px;
margin-top: 50px;
padding: auto;
}
.sign-link{
text-decoration: none;
color: white;
font-family: 'arciform',monospace;
}
#direk{
margin: auto;
border-radius: 1vw 1vw 0 0;
height: 80vh;
width: 5.5vw;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
transform: translateY(160px);
min-width: 45px;
background-color: #EB5800;
font-size: 1.5em;
@media (max-height: 400px){
transform: unset;
height: 400px;
}
}
#right{
height: 15.2vh;
transform: translate(-40px, 50px);
width: 24.5vw;
min-width: 200px;
background-color: crimson;
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: 10px 50px 50px 10px;
border: 3px outset white;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#left{
@media (min-width: 768px){
transform: translate(-13vw, 80px) ;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
perspective: 2000;
transform: translate(-100px, 80px) ;
width: 26.9vw;
min-width: 200px;
height: 14.2vh;
min-height: 90px;
background-color: teal;
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: 50px 10px 10px 50px;
border: 3px outset white;
}
body, html{
height: 100%;
overflow: hidden;
}
*/