*{
  font-family: 'Roboto', sans-serif;
}
body{
  display:flex;
  flex-direction: column;
  padding:0px;
  background-color: white;
  line-height: 1.5;
  padding-bottom:25px;
}
main{
  background-color: #FDFFFC;
  padding-top:10px;
}
header{
  background-color:#141912;
  background-color:#242424;
  color:#1fcccf;
  color:white;
  padding:30px 0px;
  text-align:center;
  display:flex;
  flex-direction:column;
}
h1{
  margin:0;
  font-size:280%;
}

.contact-box{/* 
  border:1px white solid;
  border-radius:10px; */
  display:inline-flex;
  flex-direction:column;
  align-items:left;
  margin:auto;
  padding:5px 10px;
}

.contact-link{
  text-decoration:none;
  color:white;
}

.contact-icon-a{
  display:inline-flex;
  align-items:center;
  
  text-decoration:none;
  color:white;
}
.contact-icon-div{
  display:inline-flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  margin:0 5px;
}
.contact-text-height{
  height:15px;
}
.font-small{
  font-size:11px;
}
.font-size-0{
  font-size:0px;
}
.git-linked-div{
  display:flex;
  flex-direction:column;
}
.fix-margins-for-phone{
  margin:0 0;
}

.contact-icon-img-portfolio{
  height:26px;
  width:26px;
  margin:2px 3px 2px 1px;
}
.contact-icon-img-github{
  height:26px;
  width:26px;
  margin:2px 3px 2px 1px;
}
.contact-icon-img-linkedin{
  height:30px;
}


footer{
  background-color:#f7786b;
  text-align: center;
  height:30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-wrapper{
  padding: 1px 5%;
}
.ul-title {
  width: 70%;
  text-align: left;
  display: inline-block;
  margin-top:0px;
  margin-bottom:0px;
}
ul{
  margin-bottom:10px;
}
.a-title{
  color:black;
  text-decoration:underline;
}
.a-title:hover{
  color:rgb(0,0,0,0.5);
}



.edu-subdetail{
  font-weight:500;
  display: inline-block;
}

.utilized{
  font-weight:500;
}

.github-link{
  font-style:italic;
  text-decoration:underline;
  color:black;
}

.github-link:hover{
  color:rgb(0,0,0,0.5);
}

.dates{
  width: 30%;
  text-align: right;
  display: inline-block;
  margin-top:0px;
  margin-bottom:2px;
  vertical-align:top;
  font-weight:500;
}
.contact-info-text{
  display:inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

hr{
  margin:0;
  background-color:black;
}
h3{
  margin:0;
  color:#219091;
  font-size:140%;
}
.name-and-icons{
  margin-bottom:15px;
}

.no-line-break{
  white-space: nowrap;
}

@media screen and (min-width:750px){
  header{
    flex-direction:row;
    align-items:top;
    justify-content:space-between;
  }
  .name-and-icons{
    margin-left:5%;
    margin-bottom:0px;
    text-align:left;
  }
  .contact-info-text{
    height:100%;
    justify-content:space-between;
  }
  .contact-info-text-wrapper{
    margin-right:5%;
    margin-top:40px;
  }
  .contact-box{
    padding-left:0;
  }
}