@import url(https://fonts.googleapis.com/css?family=Calistoga&display=swap);.all{width:100%}body{font-family:Calistoga,cursive;color:#263876;background-color:#bed0f4}#app{display:inline-block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;justify-self:center;margin-left:29rem}.logo>img{width:60%;margin-top:3rem}.all-login{display:-webkit-box;display:-ms-flexbox;display:flex;outline:inset;margin:15rem;color:#263876;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.welcome-text{text-align:center;font-size:5rem;margin-top:5rem;margin-bottom:-10rem}.login-form-container{display:block;max-width:43rem;height:20rem;justify-items:center;margin-top:5rem;margin-left:2rem}#login-form{display:inline;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#login-form input{height:25px}#login-form #submit,#login-form input{width:40rem;margin-top:1rem;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}#login-form #submit{height:25 px;text-align:center;margin-left:1px}#logo{width:25rem}.new-user{padding:1rem;color:#263876}#contact-text{font-size:3rem}.userPage{width:100%;background-color:hsla(0,0%,100%,.623)}.friends{display:grid;width:80%;margin:auto;grid-template-columns:repeat(3,32%);-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;padding-top:5rem}.friends li{list-style:none;margin-bottom:1rem;max-width:20 rem;padding:2rem;margin:1rem}.friends li img{max-width:15rem}.all-new-user{display:block;margin:15rem;color:#263876;background-color:hsla(0,0%,100%,.623)}.new-user-text{text-align:center;font-size:2rem}.new-user-form-container{display:block;max-width:51rem;height:auto;margin-left:12rem}#new-user-form{display:inline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#new-user-form input{width:30rem;height:25px}#new-user-form input,#new-user-form submit{margin-top:1rem;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}#new-user-form submit{width:35rem;height:25 px;text-align:center;margin-left:6px;color:#263876}.route{margin:10px}.whole-form{width:64%;height:110%;background-image:url(/prezzie-background.jpeg);background-size:100% 100%;text-align:center;margin-left:18%}.whole-form .title{padding-top:10%}.whole-form #new-friend-form{margin-left:2rem}.whole-form #new-friend-form input{width:80%;height:5%;margin-top:.75rem;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}.whole-form #new-friend-form #submit{height:25 px;margin-top:1rem;text-align:center;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}.whole-form #new-friend-form .add-friend-back-button{outline:outset;outline-color:#fff;background-color:#fff}.all-new-gift-form{width:64%;height:30rem;background-image:url(/prezzie-background.jpeg);background-size:100% 100%;text-align:center;margin-left:18%;margin-top:3rem}.add-gift-title{padding-top:5%}.gift-form-container{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:10rem}#new-gift-form{margin-left:22rem}#new-gift-form input{width:220%;height:10%;margin-top:.75rem}#new-gift-form #submit,#new-gift-form input{-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}#new-gift-form #submit{height:60 px;margin-top:1rem;text-align:center}.gift-back-button>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:8rem;outline:outset;outline-color:#fff;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:3rem;margin-left:-2rem}.whole-occasion-form{width:64%;height:30rem;background-image:url(/prezzie-background.jpeg);background-size:100% 100%;text-align:center;margin-left:18%;margin-top:3rem}.whole-occasion-form .occasion-form-container{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:10rem}.whole-occasion-form .occasion-title{padding-top:5%}.whole-occasion-form #new-occasion-form{margin-left:22rem}.whole-occasion-form #new-occasion-form input{width:220%;height:10%;margin-top:.75rem;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}.whole-occasion-form #new-occasion-form #submit{height:60 px;margin-top:1rem;text-align:center;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}button>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:8rem;outline:outset;outline-color:#fff;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:3rem;margin-left:-2rem}#gift-text,#occasion-text{font-size:2rem}.gifts{display:grid;width:80%;margin:auto;grid-template-columns:repeat(3,32%);-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;padding-top:5rem}.gift-div{height:30rem}.detail-header{text-align:center}.detail-container{position:absolute;top:0;left:0;width:100%;height:100%}.address-information{margin-left:1rem}.contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;color:#263876;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2rem}.contact-info>img,li>img{border-radius:.5rem}.profilePic,li>img{max-width:15rem}#links{list-style-type:none;margin:0;padding:0;overflow:hidden;display:block;color:#fff;text-align:center}#links>li{display:inline;margin:1rem;outline:outset}#links>li,a{text-decoration:none}#edit-occsion-button{margin:1rem;width:8rem;outline:outset;text-decoration:none;outline-color:#fff}#gift-section,#occasion-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#263876;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-bottom:5rem}li{list-style:none}.each-gift{width:20rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:baseline;align-self:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.each-gift,.each-occasion{margin:1rem}.edit-contact-container{position:absolute;width:100%;height:100%;margin-left:28rem}.edit-contact{width:35%;background-image:url(/Prezzie.png);background-size:100% 100%;height:160%;text-align:center}#edit-friend-form>input{width:28rem;height:25px;margin:.45rem;font-size:15px}#edit-friend-form>input,#submit{-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3}#submit{width:24rem;height:25 px;margin-top:1rem;text-align:center;margin-bottom:1rem}.cancel-button,.delete-contact-button{background-color:#fff;outline:outset;outline-color:#fff}.delete-contact-button{width:24rem;margin-top:1rem;text-align:center;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3;margin-bottom:-2}.edit-friend-form-container{margin-top:2rem}.previous-contact-information{padding-top:12rem}.all-gift{width:42rem;height:60rem}.all-gift,.edit-gift-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.edit-gift-container{position:absolute;background-color:hsla(0,0%,100%,.432);width:100%;height:100%}.edit-gift-container>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:8rem;outline:outset;outline-color:#fff;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-2rem}.edit-gift-form-container{display:block;max-width:51rem;height:25rem;justify-items:center;margin-top:7rem}.edit-gift{width:200%;background-image:url(/prezzie-background.jpeg);background-size:100% 100%}.previous-information>img{max-width:8rem}#edit-gift-form{display:inline;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}input{width:40rem;height:25px;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3;font-size:15px;margin-bottom:1rem;margin-left:1rem}.edit-gift-delete-button{width:30rem;height:25 px;margin:1rem;margin-left:5rem}.back-button,.edit-gift-delete-button{text-align:center;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3;outline:outset;outline-color:#fff;background-color:#fff}.back-button{height:25px;width:40rem;margin-top:2rem;margin-left:1px}#submit-button{margin-top:1rem}.edit-occasion-container>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:8rem;outline:outset;outline-color:#fff;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-2rem}.edit-occasion-container{position:absolute;background-color:hsla(0,0%,100%,.432);width:100%;height:100%}.all-occasion,.edit-occasion-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.all-occasion{margin:5rem;width:42rem;height:55rem}.edit-occasion{width:200%;background-image:url(/prezzie-background.jpeg);background-size:100% 100%}.edit-occasion-form-container{display:block;max-width:51rem;height:25rem;justify-items:center;margin-top:7rem}.previous-information{margin-top:15rem;text-align:center}#edit-occasion-form>input{width:40rem;height:25px;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3;font-size:15px;margin:1rem}label{margin-left:1rem}.delete-button{width:40rem;height:25 px;margin-top:1rem;text-align:center;-webkit-box-shadow:1px 2px #b3b3b3;box-shadow:1px 2px #b3b3b3;margin-left:1px;background-color:#fff}#submit-button,.delete-button{outline:outset;outline-color:#fff;margin-bottom:1rem}#submit-button{color:#263876;font-family:Calistoga,cursive;font-weight:40px}.back-button{margin-left:20rem}#contact-text{text-align:center}.user-page{position:absolute;top:0;left:0;width:100%;height:100%}.userInfo{display:-webkit-box;display:-ms-flexbox;display:flex;color:#263876;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2rem}.user-info>img{border-radius:.5rem;max-width:15rem}#buttons>li{display:inline;text-decoration:none;padding:0;overflow:hidden;outline:outset;color:#fff;margin:.5rem}#buttons{margin-left:-4.25rem}#buttons,button{font-size:20px;color:#263876}button{border:none;background-color:transparent;font-family:Calistoga,cursive}a:visited{color:#263876}