/*
Basic Calculator
Yandiya Technologies Ltd

File name: Global.css
File Location: C:\wamp64\www\vhost\basic-calc\public_html

Last Edited: 30/06/22
Editors: Callum Todd, Ben Clayton
*/

html{
  height: 100%;
}

body{      
  background-attachment: fixed;
  background-image: url("images/background.png");
  font-family: "Bahnschrift";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

p{
  font-size: 17px;
  color: black;
}

strong {
  display:inline !important;
}

button{
  margin-top: 20px;
  line-height: 60px;
  font-weight: bold;
  background-color: #edc195;
  border: #DB222A;
  width: 130px;
  text-align: center;
}

button:focus{
  outline: none;
}

@keyframes Common {
  0% {opacity: 0%;}
  100% {opacity: 100%;}
}

.textArea_Contact_Info{
  text-align: left; 
  width: 750px;                           
  height: 400px;
  font-size: 20px; 
  border:rgb(0, 0, 0) 3px solid; 
  font-family: sans-serif;
}

@keyframes Impact_Box_Init{
  0% {max-height: 10px; min-height: 10px;}
  100% {max-height: 700px; min-height: 700px;}
}



@media only screen and (max-width: 1018px){
  .textArea_Contact_Info{
    text-align: left; 
    width: 500px;                           
    height: 400px;
    font-size: 25px; 
    border:rgb(0, 0, 0) 3px solid; 
    font-family: sans-serif;   
  }
}
@media only screen and (max-width: 580px){
  .textArea_Contact_Info{
    text-align: left;
    width: 300px;
    height: 400pX;
    font-size: 18px;
    border:rgb(0, 0, 0) 3px solid;
    font-family: sans-serif;
  }
}
@media only screen and (max-width: 350px){
  .textArea_Contact_Info{
    text-align: left;
    width: 200px;
    height: 400px;
    font-size: 14px;
    border:rgb(0, 0, 0) 3px solid;
    font-family: sans-serif;
  }
}