body {
    
    font-family: Arial, sans-serif; /* Change the font */
    margin: 0; /* Remove default margins */
    padding: 0; /* Remove default padding */
    display: flex; /* Make the layout vertical */
    flex-direction: column;
    align-items: center;
    margin-left: 40px;
    margin-right: 40px;
  }
  
input[readonly] {
    background-color: #e2e2e2;
  }
  
  
html {
    background: linear-gradient(45deg, #3f216a, #9a2414);
    height: max-content;
    padding-bottom: 50px;
}

h1 {
    text-shadow: 0px 0px 18px #0b0b0b;
    color: white;
}

.introtextDiv {
    color: white;
    text-shadow: 0px 0px 20px #6d5c5c;
}

.linklocation {
    width: -webkit-fill-available;
    display: grid;
    justify-items: center;
    text-align-last: center;
}

.Mail {
    margin-top: 20px;
}

.Mailinput {
    width: 100%;
    height: 50px;
    text-align-last: left;
    direction: ltr;
}

/* mail part */

.linklocation {
    width: 80%;
}


.Mail {
    width: 100%;
}

.mLabel {
    color: white;
}


textarea#Body {
    height: 500px;
}
























a.mailtolink {
    color: #8989ff;
    padding: 10px;
    border-radius: 10px;
}


p#textonsharing{
    justify-self: left;
    margin-left: 10%;
    color: white;
    margin-bottom: 10px;
    margin-top: 23px;
}


.Autorpart {
    background: #06063f91;
    padding: 33px;
    border-radius: 20px;
    color: white;
}


input#description-input {
    font-size: 30px;
    font-weight: bolder;
    height: 30px;
    direction: ltr;
    text-align-last: center;
}


input[type="text"] {
    width: -webkit-fill-available;
    height: 21px;
    margin: 4px;
	
}

textarea#link-input {
    width: 80%;
    height: 200px;
}


div#input-container {
    width: 80%;
    display: flow-root;
}
  
.buttons {
    display: flex;
}
  /* 3 */

/* 3 */
.buttons * {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  width: 130px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  margin:5px;
  
  
}


.buttons *:hover {
	transition: 1s;
    background: linear-gradient(29deg, #f07e7e, red,#f49595);
    box-shadow: none;
    cursor: pointer;
    
}

textarea#final-link {
    width: 70%;
    height: 100px;
}
  

  
#final-link {
    font-size: 20px;
    margin: 10px;
    padding: 10px;
    color: #7373dd;
    text-decoration: underline;
    background: #39163a;
}
  

  
  #input-container { /* Add style to the container that holds the dynamic inputs */
    margin: 20px;
    padding: 20px;
    background-color: #101d4d;
    border-radius: 10px;
    width: 100%; /* Make the container full width */
  }
  
  
  
  
  
  

footer#sec-5294 {
    width: -webkit-fill-available;
    display: grid;
    -webkit-perspective-origin-y: center;
    margin-top: 100px;
}
  
  a.FooterMailto {
    background: white;
    width: max-content;
    padding: 15px;
    border-radius: 10px;
    justify-self: center;
    box-shadow: 0px 0px 7px white;
}

p.footerAllRight {
    text-transform: capitalize;
    color: whitesmoke;
}

button#go-to-link {
    background: #00f400;
}
button#get-final-link {
    background: red;
}
  .footerdiv {
    display: contents;
    text-align-last: center;
}
  img.u-logo-image.u-logo-image-1 {
    max-width: 400px;
}
  
  /* Media queries for smaller screens */
  @media (max-width: 600px) {
    input {
      font-size: 1.2em; /* Increase font size for small screens */
    }
    button {
      font-size: 1.2em; /* Increase font size for small screens */
    }
	.Autorpart {
    width: 90%;
	}
	.buttons {
    display: table-row;
	}
	html {
    background: linear-gradient(45deg, #3f216a, #9a2414);
    height: max-content;
	padding-bottom: 50px;
	}
	
	img.u-logo-image.u-logo-image-1 {
    max-width: 100%;
	}
	
	.buttons {
    display: inline-grid;
}
  }