#closeChat{
                border-radius: 3px;
				height: 50px;
				width: 50px;
                transition-duration: 0.2s;
                font-size: 1.2em;
            }
			
			#dataForm{
				width: 95%;
				margin-left: auto;
				margin-right: auto;
			}
			#name, #email, #addContacts{
				width: 100%;
			}
            #closeChat:hover{
                color: white;
                cursor: pointer;
            }
            #openChat{
                position: fixed;
                right: 25px;
                bottom: 25px;
                border-radius: 50%;
                color: white;
                background-color:black;
                text-align: center;
                height: 60px;
                width: 60px;
                transition-duration: 0.2s;
                font-size: 1.2em;
                line-height: 1.2em;
                font-family: "Montserrat", sans-serif;
				display: flex;
				justify-content: space-around;
				align-items: center;
            }
			#openChat img{
				width: 60%;
				height: 70%;
			}

			#chatHeader div{
				width: 50px;
			}
			#chatHeader{
				color: white;
				display: flex;
				justify-content: space-between;
				background-color: rgb(30,166,74);
				height: 70px;
				width: 100%;
				text-align: center;
				border-top-left-radius: 15px;
				border-top-right-radius: 15px;
				margin-bottom: 5px;
			}

			#closeChatArrow{
				height: 100%;
				width: auto;
				border-top-right-radius: 15px;
			}
            #openChat:hover{
                background-color:rgb(30,166,74);
                color: black;
                cursor: pointer;
            }
            #hookMe{
                line-height: 1.2em;
            }
            #chatField{
                position: fixed;
				display: flex;
				justify-content: space-between;
				flex-direction: column;
                right: 25px;
                bottom: 125px;
                height: 75%;
                width: 30%;
                border-radius: 15px;
				background-color: white;
                font-family: "Montserrat", sans-serif;
				z-index: 99;
            }
            .fromMessage{
                margin-right: auto;
                color: black;
                background-color: rgb(240, 240, 240);
                padding: 3px;
                margin-left: 5px;
                font-size: 0.8em;
				padding-right: 10px;
                padding-left: 15px;
                padding-top :10px;
                padding-bottom: 10px;
				border-radius: 25px;
				border-bottom-left-radius: 5px;
				margin-bottom: 5px;
            }
            .sentMessage{
                margin-left: auto;
                color: white;
                background-color: rgb(13,61,100);
                border-radius: 25px;
				border-bottom-right-radius: 5px;
				padding-left: 10px;
                padding-right: 15px;
                padding-top: 10px;
                padding-bottom: 10px;
                margin-right: 5px;
                text-align: right;
                font-size: 0.8em;
				margin-bottom: 5px;
				text-wrap: pretty;
            }
			.fromMessageSet p:not(.fromMessage){
				font-size:0.7em;
				margin-left: 15px;	
			}

			.sentMessageSet p:not(.sentMessage){
				font-size:0.7em;
				margin-left: auto;
				margin-right: 15px;
				text-align: right;
			}
			.fromMessageSet, .sentMessageSet{
				display: flex;
				flex-direction: row;
				align-items: bottom;
				width: 100%;
			}

			.sentMessageSet div{
				margin-left: auto;
			}
			.sentMessageSet{
				margin-left: auto;
			}
			.fromMessageSet img, .sentMessageSet img{
				border-radius: 50%;
				height: 50px;
				width: auto;
			}
            .invisible{
                display: none !important;
            }
            #chatMessage{
                width: 80%;
                font-size: 1em !important;
				border-bottom-left-radius: 15px;
				border: none;
				border-right: none;
            }
            #chatSubmit{
                width: 4em;
				height: 80% !important;
				margin-left: auto;
				margin-right: auto;
                font-size: 0.8em;
				background-color: black;
				transition-duration: 0.2s;
				border-radius: 25px;
				align-items: center;
				display: flex;
				justify-content: space-around;
            }
			#chatSubmit:hover{
	                background-color: rgb(30,166,74);
			}
			#chatSubmit img{
				height: 95%;
				width: auto;
				margin-left: auto;
				margin-right: auto;
			}
            #inputFields{
				align-items: center;
				height: 2.5em;
                margin-top: auto;
                display: flex;
				box-shadow: 0 -1px 15px #888888;
				border-top: solid lightgray 1px;
				background-color: white;
				border-bottom-right-radius: 15px;
				border-bottom-left-radius: 15px;
            }
            #convoField{
                height: 85%;
                overflow-y: auto;
            }
@media (max-aspect-ratio: 1/1) {
	#chatField{
		position: fixed;
		display: flex;
		justify-content: space-between;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 99;
	}
	#closeChat{
		height: 50px;
		width: 100%;
	}
	#convoField{
		height: 90%;
	}
	#inputFields{
		height: 5%;
	}
	#chatSubmit{
		width: 20%;
		font-size: 0.8em;
		line-height: 0.5em;
		height: 40px !important;
		background-color: black;
	}
	#chatSubmit img{
		width: 50% !important;
		height: auto !important;
	}
	.fromMessageSet img, .sentMessageSet img{
		height: 30px !important;
		width: auto !important;
	}
	#addContacts{
		line-height: 0.5em;
	}
}