@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  :root {
    --primary-color: #434ff1;
  }
  body {
    font-family: "Work Sans", sans-serif;
    text-align: center;
   
    background-repeat: no-repeat;
    background-size: cover;
    
    
  }

  .input-label {
    display: block;
    font-size: larger;
    margin: 2rem 0px;
    font-weight: 900;
    
   
  }
  .input {
    font-size: large;
    display: block;
    outline: #fff;
    padding: 0.6rem 1rem;
    margin: 1rem auto;
    border: 2px solid var(--primary-color);
    border-radius: 0.5rem;
    width: 100%;
    max-width: 325px;
  }
 h1{
     padding:1rem;
   
 }        
 #profit-img , #sad-img {
  margin : auto;
  width: 200px;
  height: 120px;
 }
 #npng-img{
  width: 200px;
  margin : auto;
  height: 120px;
 }
#output{
    font:900;
    color: rgb(5, 104, 21);
    padding: 2rem;
    font-weight: bolder;
}
#show-result{
    background-color: rgb(144, 144, 207);
    padding: 0.7rem 1rem;
    border-radius: 0.5rem;
    font-size: large;
    cursor: pointer;
    outline: rgb(167, 30, 30);
    margin: auto;
    display: block;
}

p{
    font-size: larger;
}




.footer-container{
    
    text-align: center;
    position:fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .footer-list {
    margin: 1rem;
  }
  a,
li {
  display: inline;
}
  
  .one {
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    height: 28px;
    display: inline;


text-align: center;
    margin: 0 0.5rem;
    padding: 0 0.5rem;
    font-weight: bold;
    
  }
  a.one:hover {
    background-color:rgb(34, 76, 155);
    font-size:25px;
  }