@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf);font-weight:400}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf);font-weight:700}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraBoldItalic.ttf);font-weight:800;font-style:italic}:root{--Purple: hsl(259, 100%, 65%);--Light-red:hsl(358deg, 81%, 64%);--White:hsl(0, 0%, 94%);--Off-white:hsl(0, 0%, 94%);--Light-grey:hsl(0, 0%, 86%);--Smokey-grey:hsl(0, 1%, 44%);--Off-black:hsl(0, 0%, 8%)}*{margin:0;padding:0;font-family:Poppins}body{background-color:var(--White);min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center}.main-container{display:flex;flex-direction:column;background-color:#fff;padding:30px;width:400px;border-radius:10px 10px 100px}.date-inputs{font-size:10px;display:flex;gap:20px}.division{display:flex;flex-direction:row;align-items:center;gap:10px;position:relative}.division hr{width:100%;height:0;border:.5px solid var(--Light-grey)}.division button{position:relative;right:0;transition:all .1s ease-in-out}.date-display{display:flex;flex-direction:column}.date-display>*{margin-top:-30px}.date-display>:first-child{margin-top:-20px}@media (max-width: 470px){.main-container{min-width:350px;width:70vw;padding:40px 20px;box-sizing:border-box}.division{height:100px}.division hr{width:100%}.division button{position:absolute;left:50%;transform:translate(-50%);transition:all .1s ease-in-out}}.input-container p{color:var(--Smokey-grey);font-weight:700}.input-container input{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;margin:5px 0;padding-left:10px;box-sizing:border-box;width:90px;height:40px;border:1px solid var(--Light-grey);border-radius:5px;font-weight:700}.input-container input:focus{border:1px solid var(--Purple)}.input-container input[type=number]::-webkit-inner-spin-button,.input-container input[type=number]::-webkit-outer-spin-button,.input-container input[type=number]{-webkit-appearance:none;-moz-appearance:textfield}.error p{color:var(--Light-red)!important}.error input{border-color:var(--Light-red)}.error .error-message{color:var(--Light-red);font-size:9px;font-weight:400;font-style:italic}.display-item{font-size:55px;font-weight:800;font-style:italic;font-family:Poppins,sans-serif}.number{height:fit-content;color:var(--Purple)}#button-calculate{background-color:transparent;border:none;border-radius:50%;cursor:pointer;width:60px;height:60px}#arrow{width:60px;height:60px;padding:15px;box-sizing:border-box;background-color:var(--Purple);border-radius:50%}#arrow:hover{background-color:#000}