a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{    margin:0;    padding:0;    border:0;    font-size:100%;    font:inherit;    vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{    display:block}body{    line-height:1}ol,ul{    list-style:none}blockquote,q{    quotes:none}blockquote:after,blockquote:before,q:after,q:before{    content:"";    content:none}table{    border-collapse:collapse;    border-spacing:0}html{box-sizing:border-box}*{box-sizing:inherit}.App{font-family:Fjalla One,sans-serif;width:100vw;width:100%;background:#d3d3d3;position:relative}.main{padding-bottom:100px}html{background:#000}.footer-title i{font-size:40px;padding-left:30px}#next-test-nav-down-footer{display:flex;justify-content:center;align-items:center;background:red;height:70px;width:414px;overflow:scroll}#next-test-nav-down-footer button{width:250px}#next-test-nav-down-footer button,#next-test-nav-down-footer button:hover{font-family:Fjalla One,sans-serif;font-size:30px;border-radius:5%;padding:10px 30px;color:#fff;background:#000}.footer-title{font-size:40px;padding:10px;width:100%;text-align:center;COLOR:#fff;background:hsla(0,0%,39.2%,.4)}@media screen and (max-width:768px){.App{width:768px}}@media screen and (max-width:414px){.App{width:414px}}.footer{position:absolute;bottom:0;height:100px;width:100%;background:#000}.home{background:#d3d3d3;position:relative;background-image:url(/static/media/batman2.d8dc9ca0.JPG);background-size:cover;background-repeat:no-repeat;z-index:1}h2{font-size:65px;text-shadow:4px 3px 3px #000;color:#fff}.welcome{z-index:3;background-image:url(/static/media/batman2.d8dc9ca0.JPG);border-top:5px solid #fff}.find-friends,.welcome{width:1500px;height:1000px;margin:0 auto;background-position:100% 80%;background-repeat:no-repeat;background-size:100% auto;border-right:5px solid #fff;border-left:5px solid #fff;display:flex;flex-direction:column;justify-content:flex-end}.find-friends{background-image:url(/static/media/nala.4d8e46d2.JPG);border-bottom:5px solid #fff}.opacity-container1,.opacity-container3{justify-content:flex-end;align-items:flex-end;padding-right:100px}.opacity-container1,.opacity-container2,.opacity-container3{display:flex;border:1px solid #d3d3d3;background:hsla(0,0%,39.2%,.7);color:#fff;width:100%}.opacity-container2{justify-content:flex-start;padding-left:100px}.opacity-container1:hover,.opacity-container2:hover,.opacity-container3:hover{color:#fff;background:#000}.opacity-container2 h2{margin-right:10px}.register{background-image:url(/static/media/iggy2.47df42d9.JPG);height:1000px;width:1500px;margin:0 auto;background-size:1500PX AUTO;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:5px solid #fff;border-right:5px solid #fff;border-left:5px solid #fff}@media screen and (max-width:768px){h2{font-size:35px;text-shadow:1px 1px 1px #000;color:#fff}.link{font-size:20px}.register{height:530px;background-size:cover}.register,.welcome{width:768px;margin:0 auto;border:none}.welcome{height:600px}.find-friends{height:500px;width:768px;margin:0 auto;border:none}}@media screen and (max-width:414px){main{width:414px}h2{font-size:30px}.home{width:414px;height:600px}.register,.welcome{height:400px;width:414px}.find-friends,.welcome{margin:0 auto;border:none}.find-friends{height:400px;width:414px;background-size:cover}}.registration-container-1{background-size:150%}.registration-container,.registration-container-1{background-image:url(/static/media/babydutchie.b2d8ccb2.JPG);background-repeat:no-repeat}.registration-container{border:2px solid #fff;background-size:160%;max-width:1500px;margin:0 auto;width:100%;height:1500px;text-shadow:3px 2px 1px #000;display:flex;justify-content:center;padding-top:100px}.registration-form h1{font-size:65px;text-shadow:4px 3px 3px #000}.registration-form p{font-size:40px;text-align:center;align-self:center}.welcome-icons{display:flex;align-items:center;justify-content:center}.welcome-icons i{font-size:45px;margin-left:20px;margin-right:20px}.registration-form button{color:grey}.registration-form button,.registration-form button:hover{font-family:Fjalla One,sans-serif;font-size:30px;border-radius:5%;padding:10px 15px}.registration-form button:hover{color:#fff;background:#000;cursor:pointer}.registration-form{width:100%;max-width:1000px;height:700px;display:flex;justify-content:center;align-items:center;background-size:cover;background:hsla(0,0%,39.2%,.4);color:#fff;border-radius:10%;border:1px solid #d3d3d3;padding-bottom:30px}.form,.label-input,.registration-form{flex-direction:column}.label-input input,.label-input label{margin-right:20px}.label-input input:hover{color:#fff;background:#000;font-family:Fjalla One,sans-serif}@media screen and (max-width:768px){.label-input{display:flex;flex-direction:column;margin-top:45px}.registration-container-1{height:1700px}.registration-form{display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;height:100%;background:hsla(0,0%,39.2%,.4);width:100%;max-width:1500px;border-radius:0;border:1px solid #fff;color:#fff}.login-form h1{text-align:center}}@media screen and (max-width:414px){.registration-form{width:100%;max-width:414px;height:100%;border-radius:0;border:none;padding:2px;justify-content:flex-start}.registration-container-1{height:1200px;overflow:scroll;padding-bottom:150px}.registration-container{padding-top:0;height:100%;border:none;overflow:scroll}.registration-form h1{font-size:30px;text-shadow:2px 2px 2px #000;text-align:center}.label-input{margin-top:0}.label-input input{font-size:30px;margin-bottom:0;font-family:Fjalla One,sans-serif;padding:10px 5px;margin-top:0}form{height:100%;overflow:scroll}}.login-container{background-size:cover;text-shadow:3px 2px 1px #000;border:1px solid #fff;background-size:110%;max-width:1500px;margin:0 auto;padding-top:100px;display:flex;justify-content:center}.login-container,.login-container-1{background-repeat:no-repeat;background-image:url(/static/media/batman2.d8dc9ca0.JPG);width:100%;height:1500px}.login-container-1{background-size:cover}.login-form h1{font-size:55px;text-shadow:4px 3px 3px #000;text-align:center}.login-form h2{font-size:35px;text-align:center}.login-form button{color:grey;margin-bottom:30px;cursor:pointer}.login-form button,.login-form button:hover{font-family:Fjalla One,sans-serif;font-size:30px;border-radius:5%;padding:10px 30px}.login-form button:hover{color:#fff;background:#000}.login-form{flex-direction:column;background-size:cover;height:900px;background:hsla(0,0%,39.2%,.4);width:100%;max-width:1000px;border-radius:10%;overflow:hidden;border:1px solid #fff;padding:50px 150px 30px 200px}.form,.login-form{display:flex;justify-content:center;align-items:center;color:#fff}.form{flex-direction:row;flex-wrap:wrap;font-size:40px}.label-input{display:flex;margin-top:30px}.label-input label{margin-bottom:15px}.label-input input{font-size:30px;margin-bottom:50px;font-family:Fjalla One,sans-serif;padding:5px}@media screen and (max-width:768px){.label-input{display:flex;margin-top:45px}.form,.label-input,.login-form{flex-direction:column}.login-form{border-radius:0;display:flex;justify-content:flex-start;align-items:center;background-size:cover;height:1500px;background:hsla(0,0%,39.2%,.4);width:100%;max-width:1500px;border:1px solid #fff;color:#fff}.login-form h1{text-align:center}.login-container{padding-top:100px}}@media screen and (max-width:414px){.login-form{width:100%;max-width:414px;height:100%;border-radius:0;border:none;padding:2px;justify-content:flex-start}.login-container-1{height:900px}.login-container{padding-top:0;height:800px;border:none}.login-form h1{font-size:30px;text-shadow:2px 2px 2px #000;text-align:center}.label-input input{font-size:30px;margin-bottom:50px;font-family:Fjalla One,sans-serif;padding:10px 5px}form{padding-left:20px}}.profiles{width:100vw;height:1700px}.select{font-size:30px;width:300px}.select-container button{font-family:Fjalla One,sans-serif;font-size:25px;border-radius:5%;padding:10px 20px;color:grey;cursor:pointer}.select-container button:hover{font-family:Fjalla One,sans-serif;border-radius:5%;color:#fff;background:#000}.link{text-decoration:none}.select-container{display:flex;width:100%;max-width:1300px;margin:0 auto;justify-content:space-around;align-items:center}.select-container h1{color:grey}.mapped-profiles{display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:800px;max-width:1500px;width:100%;margin:0 auto;overflow:scroll}.mapped-friends{background:url(/static/media/opacityprints.3a76a89f.png);background-size:200px 200px}.friends-display-section h1{text-align:center;font-size:50px}.friends-display-section{margin-bottom:900px}.button-show-all-for-mobile button{display:none;cursor:pointer;font-family:Fjalla One,sans-serif;font-size:20px;border-radius:5%;padding:10px;color:grey}.button-show-all-for-mobile button:hover{color:#fff;background:#000}@media screen (max-width:768px) and (min-width:415px){.mapped-profiles,.profiles{max-width:768px;width:100%}.mapped-profiles{display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:700px;margin:0 auto;overflow:scroll}.select-container{margin-top:60px;padding-top:20px}.select{width:190px}.select,.select-container h1{font-size:20px}.friends-display-section h1{text-align:center;font-size:30px}}@media screen and (max-width:414px){.title{margin-top:0}.profiles{width:100%}.mapped-profiles{width:100%;max-width:414px}#profile{width:100%}.select-container button,.select-container h1{display:none}.button-show-all-for-mobile button{display:flex;justify-content:center;width:100%}.select{font-size:20px}.button-show-all-for-mobile{display:flex;justify-content:center;align-items:center;width:414px}}#profile-container-profile{margin:20px;max-width:1500px;height:800px;width:100%;display:flex;justify-content:center;align-content:center;border:3px solid #000;background:grey;padding:20px;box-shadow:5px 5px 5px grey}#profile-container-profile:hover{box-shadow:10px 10px 10px #000}#profile{border-bottom:10px solid #fff;border-left:10px solid #fff;border-top:10px solid #fff;width:700px;height:700px;max-width:700px;display:flex;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;background:#d3d3d3}.profile-image-container img{height:700px;width:700px;background-image:contain;border:10px solid #fff;box-shadow:5px 5px 5px grey}.info-logo{height:60px;width:60px;background-image:url(/static/media/pawprint.2542ccee.png);background-size:cover;margin-right:15px}.name{display:flex;justify-content:center;align-items:center;width:690px;height:100px;font-size:30px;color:#000;background:#fff;text-align:center;background-color:#fff;border-bottom:4px solid grey;text-shadow:1px 1px 1px #d3d3d3}.profile .info{height:300px;width:350px;text-align:center;background:#fff;color:grey;font-size:13px;background:#dadada;color:#000;text-shadow:1px 1px 1px #fff;box-shadow:5px 5px 5px grey}#profile .info h3{font-size:30px}#add{margin-bottom:60px;background:url(/static/media/heartwithpaw.6ddcab37.png);background-size:cover;height:100px;width:100px}#add:hover{-webkit-transform:scale(1.4);transform:scale(1.5)}#profile-buttons{display:flex;justify-content:center;align-items:center;margin-top:50px}@media screen and (max-width:768px){#profile-container-profile{flex-direction:column;max-width:768px;height:1500px}}@media screen and (max-width:414px){#profile{width:100%;height:500px;max-width:414px;border:none;background:grey;color:#000}.name{width:100%;height:80px}.profile-image-container img{height:414px;width:414px}#profile-container-profile{padding:0}#profile .info h3{font-size:20px}.name h1{font-size:50px}}.title-container{max-width:100%;width:100%;margin:0 auto}.friends-profile-container{max-height:100%;max-width:350px;width:100%;margin:0 auto;height:800px;justify-content:flex-start;align-items:center;background-size:1500px 1500px;display:flex}.friends-image-container{padding-right:40px}.friends-profile{width:1500px;max-width:1500px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-repeat:no-repeat}.friends-profile-container img:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.1)}.friends-profile-container img{background-image:contain;height:300px;width:300px;border:8px solid #fff;margin:20px;border-radius:6%;box-shadow:5px 5px 5px grey}.friends-info-logo{height:60px;width:60px;background-image:url(/static/media/pawprint.2542ccee.png);background-size:cover;margin-right:10px}.friends-name{display:flex;justify-content:center;align-items:center;width:300px;height:100px;font-size:30px;color:#000;background:#fff;text-align:center;background-color:#fff;border:4px solid grey;padding:15px;border-radius:20%;box-shadow:10px 6px 5px grey;text-shadow:1px 1px 1px #d3d3d3;z-index:2}.friends-profile .info{height:300px;width:350px;text-align:center;background:#fff;color:grey;border-radius:5%;font-size:13px;border:1px solid #fff;background:#dadada;color:#000;text-shadow:1px 1px 1px #fff;box-shadow:5px 5px 5px grey}.friends-profile .info h3{font-size:25px}.friends-buttons button{background:url(/static/media/heartwithpaw.6ddcab37.png);background-size:cover}@media screen and (max-width:414px){.friends-profile-container img{height:250px;width:250px;margin:0 5px}}.user-pet-profiles{width:100%;max-width:1500px;margin:0 auto}.home-my-profile{background:#d3d3d3;padding-bottom:100px;position:relative;height:1700px}.user-pet-profiles-display{justify-content:space-between;flex-direction:column;height:1200px;max-width:1700px;overflow:scroll}.user-info,.user-pet-profiles-display{display:flex;align-items:center;width:100%;margin:0 auto}.user-info{max-width:1500px;justify-content:space-around;background:hsla(0,0%,39.2%,.7);color:#d3d3d3;height:80px}.user-info input{font-size:30px;font-family:Fjalla One,sans-serif;padding:5px}.user-info:hover{color:#fff;background:hsla(0,0%,39.2%,.9)}.user-info h1,.user-info h2{font-size:30px}.title{font-size:40px;border:1px solid #d3d3d3;padding:10px;width:100%;text-align:center;COLOR:#fff;background:hsla(0,0%,39.2%,.4)}.user-info button{font-family:Fjalla One,sans-serif;font-size:20px;border-radius:5%;padding:10px 15px;color:grey;margin-right:40px}.user-pet-profiles{display:flex;justify-content:space-between;align-items:center}.user-pet-profiles button{font-family:Fjalla One,sans-serif;font-size:20px;border-radius:5%;padding:10px 15px;color:grey;margin-right:40px}.user-pet-profiles button:hover{background:#000;color:#fff}@media screen and (max-width:768px){.user-info{display:flex;width:100%;max-width:768px;margin:20px auto 0}.user-info h1,.user-info h2{font-size:20px}.user-info button{font-family:Fjalla One,sans-serif;font-size:10px;border-radius:5%;padding:5px 10px;color:grey;margin-right:40px}.user-pet-profiles-display{max-width:768px;height:1000px}}@media screen and (max-width:414px){.user-pet-profiles h1{font-size:20px}.user-pet-profiles{max-width:414px}.user-pet-profiles button{margin-right:0}.user-pet-profiles-display{max-width:414px;overflow:none}.user-info{max-width:414px}}.user-profile-container{max-height:100%;padding:60px 50px;max-width:1500px;height:800px;background:grey;margin:0 auto 25px;background-size:1500px 1500px;border:2px solid #000;box-shadow:10px 10px 10px grey;border-radius:1%}.user-profile-container,.user-profile-information{width:100%;display:flex;justify-content:center;align-items:center}.user-profile-information{flex-direction:column;border:5px solid #fff;max-width:700px;max-height:700px;height:100%}.user-profile{max-width:1500px;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat}.user-profile-image-container{width:700px;height:700px}.user-profile-container img{background-image:contain;height:100%;width:100%;max-height:700px;max-width:700px;border:10px solid #fff;display:flex;justify-content:center;align-items:center}.user-profile-info-logo{height:60px;width:60px;background-image:url(/static/media/pawprint.2542ccee.png);background-size:cover;margin-right:10px}.user-profile-name{display:flex;justify-content:center;align-items:center;width:700px;height:100px;font-size:30px;color:#000;text-align:center;background-color:#fff;text-shadow:1px 1px 1px #d3d3d3;border-bottom:3px solid grey}.edit-user-profile-info,.user-profile-info{height:600px;width:700px;text-align:center;background:#fff;color:grey;border-left:5px solid #fff;background:#dadada;color:#000;text-shadow:1px 1px 1px #fff}.edit-user-profile-info{padding:50px 150px;display:flex;flex-direction:column;justify-content:space-around}.user-profile-info h3{font-size:30px}.edit-select-regular{height:35.95px;background-color:#fff;border:1px solid #ccc;cursor:default;padding:8px;display:flex;justify-content:center;align-items:center;width:200px}.edit-select,.edit-select-regular{font-size:20px;font-family:Fjalla One,sans-serif}.edit-select{width:100%;border-radius:4px}.user-profile-buttons button{font-family:Fjalla One,sans-serif;font-size:20px;border-radius:5%;padding:10px 15px;color:grey;margin-top:20px}.user-profile-buttons button:hover{background:#000;color:#fff}#dropzone-edit{width:100%;display:flex;align-items:center;justify-content:center;height:700px;width:700px;border:8px solid #f8f5f5;box-shadow:5px 5px 5px grey}#dropzone-edit,#select{font-family:Fjalla One,sans-serif}#select{width:100%}h3{font-size:25px}@media screen and (max-width:768px){.user-profile-container{height:1500px;max-width:768px;overflow:scroll}.user-profile{flex-direction:column;align-items:center;justify-content:center}.user-profile-container img{background-image:contain;height:650px;width:650px}.user-profile-image-container{width:600px;height:700px;justify-content:center;align-items:center;display:flex}}@media screen and (max-width:414px){.user-profile-container{height:1500px;max-width:414px;padding:0;justify-content:flex-start;align-items:flex-start;border-radius:0}.user-profile{flex-direction:column;align-items:center;justify-content:center;width:414px}.user-profile-container img{background-image:contain;height:650px;width:414px}.user-profile-image-container{width:414px;height:414px;justify-content:center;align-items:center;display:flex}.user-profile-information{max-width:414px}.user-profile-container img{max-height:414px;max-width:414px}.edit-user-profile-info,.user-profile-info,.user-profile-name{max-width:414px}.user-profile-info h3{font-size:20px}.edit-user-profile-info{padding:0 90px}.user-profile-name{font-size:25px}.edit-select-regular{border-radius:0}}.add-pet-form-container{width:100%;max-width:1500px;margin:0 auto;background-repeat:no-repeat;background-size:cover;height:1500px}.add-pet-form{background:hsla(0,0%,39.2%,.7);height:300px;width:100%;max-width:1500px;height:500px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-size:cover;background-repeat:no-repeat;border:1px solid #fff}.add-pet-form h1{font-size:45px;text-shadow:4px 3px 3px #000;color:#fff}.mapped-display-profile i{font-size:30px;margin-left:20px;align-self:center;justify-self:center}.add-button-class,.mapped-display-profile{display:flex;justify-content:center;align-items:center}.mapped-display-profile{flex-direction:column;height:800px}.mapped-display-profile button{font-family:Fjalla One,sans-serif;font-size:25px;border-radius:5%;padding:10px 15px;color:grey;width:1500px}.mapped-display-profile button:HOVER{COLOR:#fff;BACKGROUND:#000}.add-pet-form input,textarea{font-family:Fjalla One,sans-serif;font-size:30px;padding:5px 9px;color:grey}.selections{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.container-pet-form{background-size:100%}#dropzone{height:300px;width:300px;border:2.2px dashed #d3d3d3;display:flex;align-items:center;justify-content:center}.add-pet-link{text-decoration:none;color:#000}.add-pet-link:hover{color:#fff}@media screen and (max-width:414px){.add-pet-form-container{max-width:414px;display:flex;flex-direction:column}.add-pet-form{max-width:414px}.add-pet-form h1{font-size:30px}.add-pet-form input,textarea{font-family:Fjalla One,sans-serif;font-size:20px;padding:5px 9px;color:#000}.select-favorites{text-align:center}.selections textarea{width:300px;height:70px;padding:20px 0;text-align:center}#dropzone{height:50px;width:50px;z-index:1}.add-pet-form{height:700px}#display-dropzone{height:40px;width:40px}.mapped-display-profile button{max-width:414px;margin-bottom:100px}}#profile-display-container-profile{max-width:1500px;height:800px;width:100%;margin:0 auto;display:flex;justify-content:center;align-content:center;border:2px solid #fff;background:hsla(0,0%,39.2%,.2);background-size:500px 500px;padding:20px}#profile-display-container-profile:hover{box-shadow:10px 10px 10px #000}.display-message h2{color:#fff;font-size:30px;text-align:center}#profile-display{border-bottom:10px solid #fff;border-left:10px solid #fff;border-top:10px solid #fff;width:700px;height:700px;max-width:700px;display:flex;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;background:hsla(0,0%,39.2%,.7);color:#fff}.profile-image-container img:hover{box-shadow:10px 10px 10px #000}.display-profile-image-container img{background-image:contain;height:700px;width:700px;border:10px solid #fff;box-shadow:5px 5px 5px grey}.profile-display-info-logo{height:60px;width:60px;background-image:url(/static/media/pawprint.2542ccee.png);background-size:cover;margin-right:15px}.profile-display-name{display:flex;justify-content:center;align-items:center;width:690px;height:100px;font-size:30px;color:#000;background:#fff;text-align:center;background-color:#fff;border-bottom:4px solid grey;text-shadow:1px 1px 1px #d3d3d3}.profile-display .profile-info{height:300px;width:350px;text-align:center;background:#fff;color:grey;font-size:13px;background:#dadada;color:#000;text-shadow:1px 1px 1px #fff;box-shadow:5px 5px 5px grey}.select-favorites{height:200px;width:500px;text-align:center;padding:70px 10px}#display-dropzone{height:200px;width:300px;border:2.2px dashed #d3d3d3;padding-top:70px;text-align:center;justify-content:center}#profile-display .profile-info h3{font-size:30px}#display-add{margin-bottom:60px;background:url(/static/media/heartwithpaw.6ddcab37.png);background-size:cover;height:100px;width:100px}#display-add:hover{-webkit-transform:scale(1.4);transform:scale(1.5)}#display-profile-buttons{display:flex;justify-content:center;align-items:center;margin-top:50px}@media screen and (max-width:768px) and (min-width:415px){#profile-display-container-profile{flex-direction:column;max-width:768px;height:1500px}}@media screen and (max-width:414px){#display-dropzone{height:100px;width:300px;padding-top:30px}#profile-display-container-profile{max-width:414px;margin-top:100px}#profile-display{max-width:414px;border:none}.display-profile-image-container img{height:414px;width:414px;border:2px solid #fff}.display-profile-image-container{padding-bottom:100px}.profile-display-name{max-width:414px}#profile-display-container-profile{flex-direction:column;padding:0}.footer{bottom:-150px}}.title i{font-size:40px;padding-left:30px}.mapped-friends{display:flex;justify-content:center;align-items:center;height:350px;max-width:1500px;width:100%;box-shadow:3px 3px 3px grey;overflow:scroll;margin:0 auto 30px}.friends{background:#d3d3d3;height:1700px}.mapped-current-friend{display:flex;justify-content:center;align-items:center;height:800px}.mapped-current-friend,.no-friends{max-width:1500px;width:100%;margin:0 auto}.no-friends{height:1500px;background:url(/static/media/dutchie1.dabedc13.JPG);background-size:100%;background-repeat:no-repeat}.no-friends-link{font-size:50px;text-decoration:none;color:#fff}.no-friends-container{background:hsla(0,0%,39.2%,.7);padding:20px}.click-on-friend{max-width:1500px;width:100%;margin:0 auto;text-align:center;height:1900px;background-size:cover}.messages-container-at-friends{height:200px;overflow:scroll}@media screen and (max-width:768px){.title-container{width:768px;background:#d3d3d3;border:2px}.title{font-size:30px;margin-top:10px;background:grey;color:#fff;border:none;width:100%}.mapped-friends{border-radius:0}.mapped-current-friend{display:flex;justify-content:center;align-items:center;height:1300px;max-width:1500px;width:100%;margin:0 auto}}@media screen and (max-width:414px){.mapped-current-friend{max-width:414px}.mapped-friends{height:300px}}.friend-profile-container{max-height:100%;max-width:1500px;width:100%;margin:0 auto;height:1000px;padding-right:50px;padding-left:50px;background:grey;background-size:1900px 1900px;border:1px solid grey;box-shadow:3px 3px 3px grey;border-radius:1%}.friend-image-container,.friend-profile,.friend-profile-container{display:flex;justify-content:center;align-items:center}.friend-profile{width:1300px;max-width:1300px;flex-direction:column;background-repeat:no-repeat}.friend-profile-container img:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1);box-shadow:5px 5px 5px #000}.friend-profile-container img{background-image:contain;height:700px;width:700px;border:10px solid #fff;box-shadow:5px 5px 5px #000}.friend-info-logo{height:60px;width:60px;background-image:url(/static/media/pawprint.2542ccee.png);background-size:cover;margin-right:20px}.friend-name{display:flex;justify-content:center;align-items:center;width:700px;height:100px;font-size:30px;color:#000;background:#fff;text-align:center;background-color:#fff;box-shadow:10px 6px 5px grey;text-shadow:1px 1px 1px #d3d3d3;z-index:2}.friend-profile .friend-info{height:600px;width:700px;text-align:center;color:grey;font-size:13px;border-right:10px solid #fff;border-bottom:10px solid #fff;border-top:5px solid #fff;background:#dadada;color:#000;text-shadow:1px 1px 1px #fff;box-shadow:5px 5px 5px #000}.friend-profile .info h3{font-size:25px}.friend-delete i{font-size:60px;padding:20px;color:grey;margin-right:20px}.friend-delete i:hover{font-size:50px;padding:20px;color:#000;-webkit-transform:scale(1.4);transform:scale(1.6)}.friend-message i{font-size:60px;padding:20px;color:grey}.friend-message i:hover{font-size:50px;padding:20px;color:#000;-webkit-transform:scale(1.4);transform:scale(1.6)}.friend-buttons{display:flex;border:2px solid #fff;justify-content:center;align-items:center;margin-top:100px}#link-to-chatroom{border:none}@media screen and (max-width:768px){.friend-profile-container{max-width:768px;width:100%;height:2000px;flex-direction:COLUMN;justify-content:flex-start;align-items:center;background:#fff;background-image:url(/static/media/opacityprints.3a76a89f.png);border:1px solid grey;box-shadow:3px 3px 3px grey;margin:20px;border-radius:1%;display:flex}}@media screen and (max-width:414px){.friend-profile-container{max-width:414px;padding-right:0;padding-left:0}.friend-profile{max-width:414px}.friend-profile-container img{height:414px;width:414px;border:5px solid #fff}.friend-name,.friend-profile .friend-info{width:414px}.friend-info h3{font-size:25px}.friend-name h1{font-size:45px}}.chatrooms-container{width:100%;HEIGHT:1700px}.chat-rooms-display{border:3px solid #fff;width:100%;max-width:1500px;HEIGHT:100%;height:1100px;margin:0 auto;background:url(/static/media/nala.4d8e46d2.JPG);BACKGROUND-SIZE:COVER}.go button{font-family:Fjalla One,sans-serif;font-size:20px;border-radius:5%;padding:10px 30px;color:#fff;margin-right:40px;z-index:2}.go button:hover{background:#000;color:#fff}.go{border:3px solid #fff;display:flex;justify-content:space-around;align-items:center;margin:50px 100px;background:hsla(0,0%,39.2%,.3);COLOR:#fff;box-shadow:5px 5px 5px #000}.go h3{FONT-SIZE:35PX;letter-spacing:1px}@media screen and (max-width:414px){.go{margin:5px;padding:0 10px}.go h3{FONT-SIZE:30PX;letter-spacing:1px}}.chatroom-container{width:100%;height:100%;border:5px solid #000}.title-container-chatroom i{font-size:40px;margin-right:20px}.chatroom{width:100%;max-width:1500px;height:1500px;margin:0 auto;border:2px solid #fff;display:flex;justify-content:flex-start;flex-direction:column;background:url(/static/media/pawprintsopacity.45a4b635.png);background-size:550px auto;opacity:1}.title-container-chatroom{display:flex;justify-content:center;align-items:center}.title-container-chatroom button{font-family:Fjalla One,sans-serif;font-size:25px;border-radius:5%;padding:19px 15px;color:grey;height:100%}.chatroom p{border:2px solid #000;border-radius:15%;width:100%;max-width:300px;flex-wrap:wrap;padding:20px;box-shadow:5px 5px 5px grey;FONT-SIZE:25PX}.chatroom p:HOVER{BACKGROUND:#000;COLOR:#fff;border:4px solid #fff}.messages-container{width:100%;max-width:1000px;margin:0 auto;padding:50px 30px;height:900px;overflow:scroll;display:flex;flex-direction:column}.sender{justify-content:flex-start;background:#fff;color:#000}.receiver{align-self:flex-end;background:grey;color:#000}.message-submit-form{width:100%;height:100px;max-width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;background:grey}.message-input{padding:8px 5px;margin-right:10px}.message-input,.message-submit-form button{font-size:25px;font-family:Fjalla One,sans-serif}.message-submit-form button{border-radius:5%;padding:10px 15px;color:grey}.message-submit-form button:hover,.title-container-chatroom button:hover{background:#000;color:#fff}@media screen and (max-width:414px){.chatroom{max-width:414px}.chatroom p{border:2px solid #000;border-radius:15%;width:45%;max-width:300px;flex-wrap:wrap;padding:10px;box-shadow:5px 5px 5px grey;FONT-SIZE:20PX}}header{height:150px;width:100%;position:-webkit-sticky;position:sticky;top:1px;background:#000;color:#fff}#next{width:100%}#next,#next-test-nav-down,#next-test-nav-down-register-login{display:flex;justify-content:center;align-items:center;max-width:1500px;margin:0 auto}#next-test-nav-down-register-login{width:100%}#next button{width:250px;font-family:Fjalla One,sans-serif;font-size:30px;border-radius:5%;padding:10px 30px;color:grey}#nav-login-register nav{width:1000px}#next-test-nav-down button{width:250px}#next-test-nav-down button,#next button:hover{font-family:Fjalla One,sans-serif;font-size:30px;border-radius:5%;padding:10px 30px;color:#fff;background:#000}#next-test{display:flex;justify-content:flex-end;align-items:center;width:100%;max-width:800px;margin:0 auto}#next-test button{font-size:30px;width:190px;font-family:Fjalla One,sans-serif;padding:5px;color:#fff;background:#000;border:none}#next-test button:hover{font-size:30px;padding:5px;color:#000;background:#fff;cursor:pointer}.nav-link-name{display:flex;align-items:center;justify-content:center;PADDING-LEFT:-200PX;width:150px;margin-left:-70px}.nav-link-name i{margin-left:10px}.nav-link-name:hover{color:#fff}.nav{display:flex;WIDTH:100%}.welcome-in{justify-content:center;width:1800px}.logo-container,.welcome-in{display:flex;align-items:center}.logo-container{width:100%;height:150px;max-width:1800px;margin:0 auto;justify-content:space-between}.nav-link,.nav-link-name{text-decoration:none;color:#fff;font-size:25px;margin-right:5px}.nav h1{margin-right:250px}.nav-link:hover,.nav h1{color:#d3d3d3}.logo{height:130px;width:auto}.header-nav-trial{display:flex;width:1500px;max-width:1500px;margin:0 auto;justify-content:space-around;align-items:center;background:#000;border-top:15px solid #fff;border-radius:15%;height:100px}.header-nav-trial h1{font-size:50px}#next-test-nav-down{display:none;width:100%}.nav-down-container{background:#000;height:100px;width:100%;width:100vw}#next-test-nav-down-register-login{display:none}@media screen and (max-width:768px){.nav{width:370px;justify-content:flex-end}.nav,.nav-link-name{align-items:flex-end}.nav-link-name{display:flex;justify-content:flex-start;PADDING-LEFT:0;width:0;margin-left:0}.nav-link-name i{margin-left:10px}.logo{margin-left:40px}.nav-link,.nav-link-name{text-decoration:none;color:#fff;font-size:20px}.nav h1{margin-right:0}.logo-container{max-width:768px;width:100%;height:90px;justify-content:space-between;align-items:center;border-bottom:1px solid #fff;padding-left:0;padding-RIGHT:40px}#next-test-nav-down{display:flex;position:absolute;top:100px;height:40px;justify-content:center;align-items:center;color:#fff;border:none;width:100%;overflow:scroll;z-index:1}#next-test-nav-down button{font-size:20px;width:100%;font-family:Fjalla One,sans-serif;border-radius:5%;padding:10px 30px;color:#d3d3d3}#next-test-nav-down button:hover{background:#fff;color:#000;border:none}header{max-width:768px;height:150px}.logo{height:70px;width:auto}#next-test{display:none;flex-direction:column;justify-content:center;align-items:center}#next-test button{font-size:20px;border:1px solid #fff}#next-test-nav-down-register-login{display:flex;position:absolute;top:100px;justify-content:space-between;align-items:center;color:#fff;border:none;width:100%;overflow:scroll;z-index:1}#next-test-nav-down-register-login button{font-size:20px;width:100%;background:#000;border:none;font-family:Fjalla One,sans-serif;border-radius:5%;padding:10px 30px;color:#fff}#next-test-nav-down-register-login button:hover{background:#fff;color:#000;height:100%}}@media screen and (max-width:414px){.nav{width:200px;justify-content:center;align-items:center}.logo-container{max-width:414px;width:100%;height:90px;justify-content:flex-start;align-items:center;border-bottom:1px solid #fff;padding-left:0;padding-RIGHT:0}.nav-link-name{display:flex;align-items:flex-end;justify-content:flex-start;PADDING-LEFT:0;width:90px;margin-left:0}.nav-link-name i{margin-left:10px}#next-test-nav-down{display:flex;position:absolute;top:100px;height:40px;justify-content:center;align-items:center;color:#fff;border:none;width:100%;overflow:scroll;z-index:1}#next-test-nav-down button{font-size:20px;width:100%;font-family:Fjalla One,sans-serif;border-radius:5%;padding:10px 30px;color:#d3d3d3}#next-test-nav-down button:hover{background:#fff;color:#000;border:none}header{width:414px;height:150px}.logo{height:70px;width:auto}#next-test{display:none;flex-direction:column;justify-content:center;align-items:center}#next-test button{font-size:20px;border:1px solid #fff}#next-test-nav-down-register-login{display:flex;position:absolute;top:100px;justify-content:space-between;align-items:center;color:#fff;border:none;width:100%;overflow:scroll;z-index:1}#next-test-nav-down-register-login button{font-size:20px;width:100%;background:#000;border:none;font-family:Fjalla One,sans-serif;border-radius:5%;padding:10px 30px;color:#fff}#next-test-nav-down-register-login button:hover{background:#fff;color:#000;height:100%}}
/*# sourceMappingURL=main.feffdba9.chunk.css.map */