*{ margin: 0; padding: 0; box-sizing: border-box;}
body{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f2f2f2;
  color: #333;
  fon-family: "Mulish",sans-serif;
  
}
.buyazıyıyazan{
  font-size: 50px;
  text-align: center;
  fon-family: "Mulish",sans-serif;

}


.wrap{
  width: 360px;
  nargin-top: 100px;
  padding:20px;
  background-color:#fff;
  box-shadow:0px 1px 10px 0px rgba(0,0,0,.3);
  border-redius: 5px;
 
}
h2{
  font-size: 24px;
  text-align: center;
  fon-family: "Mulish",sans-serif;
  
}
.result{
  display:flex;
  flex-director: row;
  align-items: center;
  justify-content: space-between;
  background-color: #f2f2f2;
  border-redius: 5px;
  margin: 20px 0px;
 
  fon-family: "Mulish",sans-serif;
  
}
.result span{
  padding 0px 10px;
  line-heiht: 50px;
  overflow-x: scroll;
  fon-family: "Mulish",sans-serif;
 
}
.result button{
  border 0;
  outline 0;
  widht: 50px;
  height: 50px;
  background-color: #ddd;
  font-size:16px;
  border-redius: 0px 5px 5px 0px;
  cursol: pointer;
  fon-family: "Mulish",sans-serif;
}
.btn{
  border 0;
  outline 0;
  widht: 100px;
  height: 50px;
  background-color: #b84592;
  color: #fff;
  font-size:16px;
  font-widht:700;
  font-family:"Musalt",sans-serif;
  cursor: pointer;
}
.btn:hover{
  box-shadow: 0px 1px 10px 0px rgba(0,0,0,.4);
}