html {
        background-color: mistyrose;
    background-image: url(thought/wthought.gif);
    background-repeat:no-repeat;
    background-position:top left;
}

.img4 {
border:4px dashed;
border-color: rebeccapurple;
    display: block;
  margin-left: auto;
  margin-right: auto;
    align-items: center;
}

.center {
    margin-left: auto;
    margin-right:auto;
    display:inline-block;
    align-items: center;
}

.link:link {
      background: rgb(240,89,155);
background: -moz-radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
background: radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0599b",endColorstr="#c11cff",GradientType=1);

-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   
    word-spacing: 10;
    margin: 5;
    text-decoration: none;
    
}

.title {
    font-size: 2.5em;
    text-align:center;
opacity: 100%;
    color: rebeccapurple;
    font-weight: bold;
    margin:auto;
      text-shadow: 2px 2px goldenrod;
}

.link:hover {

   
    cursor:pointer;
}

.menu {font-size:25;
border:3px dashed rebeccapurple;
color:deeppink;
background-color: ghostwhite;
margin:auto;}

.menu2 {font-size:25;
border:3px dashed rebeccapurple;
color:deeppink;
background-color: ghostwhite;
margin:auto;
width:60%;
align-content: center;
text-align: center;}

.container {
  display: grid;
      grid-template-columns: auto auto auto auto;
    column-gap: 5px;
    row-gap: 10px;
    align-content: center;
    text-align: center; }

.container2 {
  display: grid;
      grid-template-columns: auto;
    width:70%;
    column-gap: 5px;
    row-gap: 10px;
    align-content: center;
    text-align: center;
margin: auto;}

.container3 {
  display: grid;
      grid-template-columns: auto auto auto;
    column-gap: 5px;
    row-gap: 10px;
    width:60%;
    align-content: center;
    text-align: center;
margin: auto;}

.container4 {
  display: grid;
      grid-template-columns: auto auto auto;
    column-gap: 5px;
    row-gap: 10px;
    width:90%;
    align-content: center;
    text-align: center;
margin: auto;}

.container5 {
  display: grid;
      grid-template-columns: auto;
    width:25%;
    column-gap: 5px;
    row-gap: 10px;
    align-content: center;
    text-align: center;
margin: auto;}


.border {
    width:70%;
margin: auto;
    border: 3;
    border-style: dotted;
    border-color: palevioletred;
    text-align: center;
    color: rebeccapurple;
    background-color: floralwhite;

    }
.border2 {
    width:50%;
margin: auto;
    text-align: center;
    color: rebeccapurple;
    

    }