account2.css

.nav{
  color: white;
}

h1{
  float: right;
  padding: 18px;
  background-color: white;
  border-radius: 50px;
  color:black;
  font-size: 26px;
}

h2{
  float: left;
  padding: 20px;
  font-size: 26px;
}

.home{
  color: white;
}

.photo2{
  text-align: center;
  margin-left: 0px;
  margin-top: 70px;
}

.content{
}

.content2{

  text-align: left;
  margin-left: 60px;
}

p{
  padding-top: 15px;
  color: white;
  font-size: 24px;
}

.logout2{
  border:none;
  background: #e84118;
  color:#ffffff;
  padding: 15px 5px;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 30%;

}

.logout{
  text-align: center;
  padding-top:20px;
}

.logout:hover > .logout2{
  background: #2f3640;
}

.photo:hover > .photo2{
  opacity: 0.5;
}

.container{
  position: absolute;
  margin-top:-105px;
  margin-left: 230px;
  transform:translate(-50%,-50%);

}

.toggle-btn{
  width:70px;
  height: 30px;
  background: gray;
  border-radius: 30px;
  padding: 5px;
}

.toggle-btn > .inner-circle {
  width:30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  transition: all 300ms ease-in-out;
}

.toggle-btn.active{
  background: #ff7500;

}

.toggle-btn.active > .inner-circle {
  margin-left: 59%;
}