/* Upper Section Styling */
/*Articles Page*/

.upper-section {
  background: #9302F0;
  background: linear-gradient(180deg, #e603f2 0% 20%, #9302F0 80%);
  overflow: hidden;
}
.navbar-text {
  font-family: 'Montserrat', sans-serif;
  color: white;
  padding-left: 20px;
}
/* Mid-section */
.mid-section{
  padding-top: 50px;
  margin:auto;
  width: 50%;
  display: block;
  margin-top:20px;
  padding-bottom: 50px;
}
h1{
  padding-bottom: 20px;
  font-family: 'Montserrat',sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
}
.subtext{
  font-family: 'Montserrat',sans-serif;
  padding-top: 15px;
}
.paragraphs{
  padding-top: 20px;
  text-align: left;
  font-family: 'Josefin Sans',sans-serif;
  font-size: 1.35rem;
}
@media only screen and (max-width: 1280px) {
  .mid-section{
      width: 80%;
  }
  .navbar-text{
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1440px) {
  .mid-section{
      width: 45%;
  }
}
/* Footer Styling */
.footer{
  background: #9302F0;
  background: linear-gradient(360deg, #e603f2 0% 20%, #9302F0 80%);
  margin-top: 100px;
  display: flex;
  margin: auto;
  overflow: hidden;
}
.socials{
  margin:auto;
  padding-top: 50px;
  margin-bottom: 20px;
  display: flex;
  align-content: center;

}
.bi{
  /*SOCIAL MEDIA ICONS*/
  content: icon;
  color:#fff;
  margin: 22px;
  height: 40px;
  width: 40px;
  position: relative;
  left:76.4%;
}
.line{
  font-size: 1rem;
  color: #fff;
  position: relative;
  top: 30px;
  left:16.5%;
  font-weight: lighter;
}
.copyright-text{
  position: relative;
  right:33.5%;
  margin-top:100px;
  font-size: 1rem;
  font-family: 'Montserrat',sans-serif;
  color:#fff;
  font-weight: 200;
  margin-bottom: 25px;
}
.bi:hover{
 opacity:0.8;
 box-shadow: #ffffff;
}
::selection{
  background-color:#04de7f;
}
/* To remove Selectability */
.navbar-text,.line {
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none;
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}