*{box-sizing:border-box;padding:0;margin:0}html{font-size:62.5%}body{font-size:1.6rem;color:#fefefe;font-family:"PT Sans Caption",sans-serif}a{display:inline-block;text-decoration:none;color:inherit;cursor:pointer}input,select{display:inline-block;width:100%;font-family:inherit;letter-spacing:.1rem;max-width:33rem;border:none;border-radius:.5rem}input{padding-inline-start:1rem;padding-block:.7rem}select{background-color:#fefefe;padding-block:.8rem;padding-inline:.5rem}.football-body .display .catagory-header,.football-body .player-container,.card-container,.form-container .form .form-control,.edit-player-modal .form .button-container{display:flex;align-items:center}.container{width:80%;margin-inline:auto}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.secondary-font-size{font-size:1.4rem}.home{position:relative;padding-block-start:1rem;padding-inline-start:1rem}.golf-body .home{color:#010101}.warning{color:#c20f0f;font-size:3rem}.success{color:#369e1f}button{font-family:inherit;padding:.9rem;color:#fefefe;border-radius:10px;border:none;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.7)}button.submit-btn{background-color:#369e1f}button.clear-btn{background-color:#c20f0f}button.close-btn{background-color:#6a1a06;text-transform:uppercase;font-weight:inherit;letter-spacing:inherit;padding-inline:2rem;padding-block:1rem;border-radius:15rem;margin-block:1.5rem}button.edit-btn{color:#000;font-size:1.1rem;line-height:1.4;padding-block:.5rem}button.edit-player-btn,button.delete-player-btn{background:rgba(0,0,0,0);font-size:1.5rem;box-shadow:none}button.update-player-btn{background:#369e1f;font-size:1.5rem;font-weight:700}button.cancel-delete{position:absolute;top:1.5rem;right:1.5rem;color:#000}button.cancel-delete:hover::after{content:"close window and keep data"}.header{position:relative;font-family:"Bebas Neue",sans-serif;letter-spacing:.3rem;font-size:2rem;margin-block:3rem;text-align:center}.form-container{font-family:"PT Sans Caption",sans-serif;font-size:1.6rem;letter-spacing:0}.form-container .form .form-control{width:100%;flex-direction:column;text-align:left;margin-block:2rem}.form-container .form .form-control p{margin-block-end:1rem}.form-container .form .form-control.btn-container{width:min(100%,350px);padding-block-start:1.5rem;margin-inline:auto;flex-direction:row;justify-content:space-around;gap:3rem}.form-container .form .form-control.btn-container .submit-btn{flex-grow:2;flex:2 0 50px}.form-container .form .form-control.btn-container .clear-btn{flex:1 1 50px}.edit-player-modal .form input{padding-block:.5rem}.edit-player-modal .form .button-container{justify-content:space-evenly;padding-block:1rem}.edit-player-modal .form .button-container button{font-family:inherit;font-weight:700}.card-container{flex-direction:column}.card{width:min(100%,775px);padding:2rem 3rem;border-radius:1rem;box-shadow:0 3px 10px rgba(0,0,0,.7)}body.modal-bg::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1}.modal{display:none;position:absolute;inset:0;width:100%;font-weight:700;letter-spacing:1.5px;z-index:1}.modal.open{display:block}.modal-content{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:30rem;width:min(75%,40rem);transform:translateY(35%);background-color:#a9a9a9;text-align:center;margin-inline:auto;border-radius:1rem}.modal-content .message{font-size:2.2rem;margin-inline:auto}.modal.edit-modal .modal-content{height:auto;display:flex;flex-direction:column-reverse;padding:1rem}.modal.edit-player-modal .modal-content{height:auto;display:flex;flex-direction:column-reverse;padding:2.5rem 2rem}.modal.delete-all-warning .modal-content{position:relative;font-size:1.8rem;line-height:1.8;color:#000;padding-inline:1rem;border:4px solid #c20f0f}.modal.delete-all-warning .modal-content h3{font-size:3rem;color:#c20f0f;text-shadow:0 3px 10px rgba(0,0,0,.7)}@media only screen and (min-width: 810px){.header-fb-titles .title{font-size:5rem;margin-block-start:-8rem}.header-fb-titles .sub-title{margin-block-start:4rem}.display{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:90%}}@media only screen and (min-width: 1080px){.header-fb{display:flex;align-items:center;justify-content:space-between}.header-fb-titles{flex-basis:50%}.header-fb-titles .title-fb{font-size:5rem}.header-fb-titles .sub-title{font-size:4rem}}.header .title{color:#707070;margin-block-start:6rem}.header-para{color:#707070;font-size:2.5rem;margin-block-start:2rem}.card-container{width:100%;margin-inline:auto}.card-container .sport{position:relative;background-color:#3a5264;text-align:center;letter-spacing:1.4px;margin-block-end:4rem;border:5px solid #88a09e}.card-container .sport:nth-child(2)::after{content:"Under Construction";position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background-color:rgba(0,0,0,.9);border-radius:inherit}.card-container .sport:nth-child(3)::after{content:"Comming Soon!";position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background-color:rgba(0,0,0,.9);border-radius:inherit}.card-container .sport h2,.card-container .sport p{padding-block-start:2rem;color:#fcf2e3}.card-container .sport h2{font-size:2rem}.card-container .sport:first-child{margin-block-start:6rem}.card-container .sport:hover{transform:scale(1.03)}.football-body{background-color:#576c3d;background:url("../images/ben-hershey-eo3ePy_iWoE-unsplash.jpg") no-repeat center/cover}.football-body::before{content:"";position:fixed;inset:0;background-color:rgba(48,60,32,.658);height:100%}.football-body .header .title-fb{color:#fefefe}.football-body .display{margin-block-start:4.5rem;height:auto}.football-body .display .catagory{background-color:#a9a9a9;border:1px solid #333;margin-block-end:2rem;margin-inline:auto;border:2px solid silver;overflow:hidden}.football-body .display .catagory#rushing{position:relative;background:url("../images/chris-chow-xIFXBup5Cm4-unsplash.jpg") no-repeat center/cover}.football-body .display .catagory#rushing::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.8);z-index:0}.football-body .display .catagory#receiving{position:relative;background:url("../images/pexels-pixabay-209961.jpg") no-repeat center/cover}.football-body .display .catagory#receiving::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.8);z-index:0}.football-body .display .catagory#sacks{position:relative;background:url("../images/john-torcasio-P2rqmExt74A-unsplash.jpg") no-repeat center/cover}.football-body .display .catagory#sacks::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.8);z-index:0}.football-body .display .catagory#ints{position:relative;background:url("../images/leah-hetteberg-HiDcs2pIU3k-unsplash.jpg") no-repeat center/cover}.football-body .display .catagory#ints::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.8);z-index:0}.football-body .display .catagory-header{position:relative;justify-content:space-around;text-align:center;padding-block-end:1rem}.football-body .player-container{justify-content:space-between;position:relative;width:clamp(70%,100%,50rem);padding-inline:.7rem;padding-block:.2rem;margin-inline:auto;margin-block:.5rem;color:#fefefe;z-index:1}.football-body .player-container .player{font-weight:700}.football-body .player-container span{margin-inline-start:.5rem}.football-body .player-container span.pos{font-weight:500;font-size:1.2rem}.football-body .player-container span.value{font-weight:700}.golf-body .form{margin-block-end:5rem}.golf-body .form input{border:3px green solid}.golf-body .form .tee-box{border:3px green solid}.golf-body .container{width:90%}.golf-body .container .grid-display{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(1, 120px) repeat(100, 55px)}.golf-body .container .grid-display .cell{display:flex;align-items:center;justify-content:center;color:#000;font-size:1.8rem;border:1px #000 solid}.golf-body .container .grid-display .cell.label{writing-mode:sideways-lr;letter-spacing:1px}.golf-body .container .grid-display .cell.scoreInput{text-align:center}.golf-body .container .grid-display .cell.scoreInput:focus{outline:none;background-color:rgba(0,255,0,.568)}