h1 { margin: 0; }
* {
   font-family: 'PT Sans', cursive;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}

body {
   background: #fff;
   height: 100%;
}
.header-text {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
   cursor: default;
}
.header-text span.cherry {
   transition: all 300ms linear;
   -webkit-transition: all 300ms linear;
}
.header-text h1 { font-weight: 500; font-family: 'Lobster', cursive; margin: 0;}
.header-text:hover span.cherry {
   color: red;
   font-weight: bold;
}
.row {
   margin-left: 15px;
   margin-right: 15px;
}
section {
   width: 100%;
   margin: 0 auto;
}
input#NumScoops {
   border-left: none;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-right: 0;
   border-top: 0;
   width: 100%;
   max-width: 250px;
}
input#NumScoops::-webkit-input-placeholder {
   transition: all 1s linear;
}
input#NumScoops.validate::-webkit-input-placeholder {
   color: #DD391A;
}
input#NumScoops.validate {
   border-color: #C0391A;
}
button.btn {
   cursor: pointer;
   padding: 10px;
   line-height: 18px;
   border-color: #ccc;
   transition: box-shadow 0.2s ease-in;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
button.disabled {
   cursor: not-allowed;
   background: none;
   border: none;
   background-color: transparent !important;
   color: #bbb !important;
   font-weight: 500;
   box-shadow: none;
}
button#order {
   transition: all 0.5s ease-out;
   // max-width: 100px;
   
}

button#order:hover {
   box-shadow: 0 3px 5px 0 rgba(0,0,0,.3), 0 1px 7px 0 rgba(0,0,0,0.5), 0 3px 1px -1px rgba(0,0,0,.3);
}

#IceCreamIpsumOutput {
   padding: 20px 0;
   margin: 0 auto;
   opacity: 0;
   transition: 0.4s opacity ease-in-out;
}
#IceCreamIpsumOutput.show-me {
   opacity: 1;
}
.copied {
   opacity: 0 !important;
   transition: all 0.2s ease-in-out;
   -webkit-transform: translate(50px, 100px); /* Safari */
   transform: translate(50px, 100px);
   margin-left: 15px;
}
.copied.show-me {
   opacity: 1 !important;
   transition: all 0.2s ease-in-out;
   -webkit-transform: translate(50px, 100px); /* Safari */
    transform: translate(50px, 100px);
}
.alert.hide {
   opacity: 0;
   display: none;
}
.alert {
   display: block;
   padding: 20px;
   height: 65px;
   border-left: 5px solid;
   opacity: 1;
   transition: all 550ms ease-in-out;
}
.alert-error {
   background-color: #F2D9D5;
   border-left-color: #C0392A;
   color: #C0391A;
}
footer .columns {
   display: flex; flex-direction: column;
}
footer p {
   font-size: 1.1rem;
}