@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap";.card-container{display:flex;justify-content:center;align-items:center;height:100vh}.card-message{position:absolute;background-color:#26a69a;border-radius:100px;width:50px;height:50px;padding-top:13px;left:200px;cursor:pointer}.card-message>span{scale:1.5}.card{width:300px;padding:20px;background-image:linear-gradient(to left,#ebbc07,#e88c07);box-shadow:0 0 10px #0003;border-radius:10px;text-align:center;margin-right:10%}.cardprofile{width:300px;padding:20px;background-image:linear-gradient(to left,#ebbc07,#e88c07);box-shadow:0 0 10px #0003;border-radius:10px;text-align:center}.card img{max-width:100%;border-radius:8px;margin-bottom:10px;box-shadow:10px 10px}.Overview{font-family:Comic Sans MS;font-size:30px;margin-left:5%;margin-right:5%;text-align:center}.home-header{font-family:Black Ops One;font-size:50px;text-align:center}#mapContainer{height:600px;width:100%}.like i{color:#4caf50}.dislike i{color:#ff5733}button.dislike,button.like{cursor:pointer;background-color:transparent!important}.like:active,.dislike:active{border-width:3px}.like:active{color:#246b27}.dislike:active{color:#f74019}.usercard{display:inline-flex}.bottom-navbar{display:flex;justify-content:space-around;background-color:#2c3e50;color:#ecf0f1;padding:10px;position:fixed;bottom:0;width:100%}.post-container{border-radius:40px}.post-container{background-color:#fff;box-shadow:0 0 10px #0000001a;margin-bottom:20px;padding:20px;border-radius:10px;transition:transform .3s ease}.post-container:hover{transform:translateY(-5px)}.user-posts img{max-width:480px;max-height:480px}.dog-info{top:45px;position:relative;margin-left:20%}.profile-pic{border-radius:1000px;width:256px;height:256px}.container{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:10px}.Body{display:flex;flex-direction:column;align-items:center}.card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100px;padding-top:200px}.card{width:300px;padding:20px;background-color:#61f3e7;box-shadow:0 0 10px #0003;border-radius:10px;text-align:center;align-items:Center;float:none}.card img{max-width:100%;border-radius:8px;margin-bottom:10px}.card h2{color:#333}.card p{color:#666;margin-bottom:15px}.card button{padding:10px 15px;margin:5px;cursor:pointer;border:none;border-radius:5px;font-size:16px}.card button.like{background-color:#4caf50;color:#fff}.card button.dislike{background-color:#ff5733;color:#fff}.container{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.spacepar{padding-bottom:30px}.h2{color:#3498db;text-align:center}.chat-messages{max-height:300px;overflow-y:scroll;margin-bottom:15px}.message{padding:10px;border-radius:8px;margin:5px 0}.message.sent{background-color:#3498db;color:#fff;align-self:flex-end}.message.received{background-color:#f1f1f1;color:#333;align-self:flex-start}.message-input{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.send-button{background-color:#3498db;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.send-button:hover{background-color:#297fb8}.top-navbar{background-color:#3498db;overflow:hidden}.dropdown{float:left;overflow:hidden}.dropbtn{font-size:16px;border:none;outline:none;color:#fff;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{float:none;color:#333;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.bottom-navbar{display:flex;justify-content:space-around;background-color:#2c3e50;color:#ecf0f1;padding:10px;position:fixed;bottom:0;left:0;width:100%}.bottom-navbar a{text-decoration:none;color:#ecf0f1}.headtilt{max-width:400px;max-height:400px;padding-top:100px;margin:0 auto;display:block}.Subhead{font-size:24px;color:#3498db;text-align:center}.Mainhead{font-size:36px;color:#07152f;text-align:center}.friend-container{text-align:center;cursor:pointer;margin:10px}.friend-container img{width:150px;height:150px;object-fit:cover;border-radius:50%}.friend-container p{margin:10px 0}.accept-btn,.decline-btn{position:absolute;bottom:10px;width:50px;padding:5px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.decline-btn{left:0;background-color:#f44336}.top-navbar .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.top-navbar .dropdown-content a{color:#000;padding:12px 16px;display:block}.top-navbar .dropdown-content a:hover{background-color:#f1f1f1}.container .post-container{background-color:#fff;box-shadow:0 0 10px #0000001a;margin-bottom:20px;padding:20px;border-radius:10px;transition:transform .3s ease}.container .post-container:hover{transform:translateY(-5px)}.post-container img{width:100%;max-height:400px;object-fit:cover;border-radius:10px;margin-bottom:15px}.post-container p{font-size:1.2em;margin-bottom:15px}.like-btn,.comment-btn,.share-btn{background-color:#4267b2;color:#fff;border:none;padding:8px 15px;margin-right:10px;border-radius:5px;cursor:pointer;font-size:14px}.more-options{position:relative;display:inline-block}.more-options span{cursor:pointer;font-size:20px}.options-dropdown{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px #0003;min-width:160px;z-index:1;border-radius:5px}.options-dropdown a{color:#333;padding:12px 16px;display:block;text-decoration:none;font-size:14px}.options-dropdown a:hover{background-color:#f1f1f1}.post-container:hover .options-dropdown{display:block}.post-btn{background-color:#1877f2;color:#fff;padding:12px 16px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.post-btn:hover{background-color:#0e5a8a}.add-image-btn{background-color:#1877f2;color:#fff;padding:20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-align:center}.add-image-btn:hover{background-color:#0e5a8a}.form-group{margin-bottom:35px;text-align:center}.profile-section{display:flex;justify-content:space-between;align-items:center}.profile-pic{width:80px;height:80px;border-radius:50%}.dog-info{margin-left:20px}button.back-btn,button.normal-btn{padding:10px 20px;font-size:16px;cursor:pointer;display:flex;margin:auto}button.back-btn:before{content:"←";margin-right:10px}.characteristics{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.characteristic{background-color:#4c4c4c;color:#fff;padding:8px 12px;border-radius:20px;cursor:pointer;transition:background-color .3s}.characteristic:hover{background-color:#424242}.characteristic.selected:hover{background-color:#45a049}.characteristic.selected{background-color:#4caf50}.daddy{background-size:100vw 100vh;background-image:url();background-repeat:no-repeat}.FAQs{margin:5% auto auto;padding-left:auto;padding-right:auto;background-color:transparent;border:5px solid black;width:70%;border-radius:30px}.FAQs h1{margin-top:auto;font-family:Black Ops One;font-size:40px;text-align:center;padding-top:25px}.FAQs .Dropdown .dropbtn{background-color:transparent;text-align:right;font-size:30px;font-family:Black Ops One;border:none;margin-bottom:3%;margin-left:auto;margin-right:auto;color:#483d8b}.Dropdown{margin-left:auto;margin-right:auto;position:relative;display:block;bottom:20px;width:inherit}.FAQs .dropbtn:hover{color:#00f;cursor:pointer;transition:.3s ease}.FAQs .Dropdown_Contents{display:none;position:relative;text-align:center;font-family:Black Ops One;font-size:25px;margin-left:5%;margin-right:5%;margin-bottom:2%;bottom:10px}.FAQs .Dropdown_Contents-alt{display:none;position:relative;font-family:Black Ops One;font-size:25px;margin-left:5%;margin-right:5%;margin-bottom:2%;bottom:10px}ul li p.ml5{margin-left:5%}ul li p.ml10{margin-left:10%}.smallerfont{font-size:15px}.Dropdown .show{display:block}.map-style{position:absolute;margin-left:10%;margin-top:4%}.map-navigate{border-width:1px;border-radius:100px;background-color:#039be5;padding:1px 5px;color:#000}.mapitems{right:1.25%;position:absolute;max-height:80%;overflow-y:scroll;width:31.9%}.mapitems>div{border-top:1px solid grey}#centerButton{position:absolute;top:68%;left:61.79%;z-index:1;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:.5%;cursor:pointer}#map{width:60vw;min-width:360px;text-align:center;margin:1% auto 5%;max-height:160px;background-color:transparent}#map-selector.disabled{display:none!important}.map-selector{position:absolute}.message.sent{margin-left:50%}.message.received{margin-right:50%}.message{min-width:100px;min-height:100px;max-width:200px;max-height:200px}option{color:#fff}