/*body*/
body {
  background-color: #99d7e9;
}

/*first header*/
h1 {
  text-align: center;
  margin-top: 80px;
  font-family:'Franklin Gothic Medium';
  font-size: 100px;
}

h3 {
  text-align: center;
  margin-top: 50px;
  font-family:'Franklin Gothic Book';
}

/*paragraph text*/
p {
  margin-top:-55px;
  margin-left: 20px;
  margin-right: 20px;
  color: #000000;
  float:right;
  font-family:'Franklin Gothic Book';
  font-size: 30px;
}

/*nav bar*/
ul {
  list-style-type: none;
  padding: 0;
  background-color: #f2f2f2;
  display: flex;
  top: -25px;
  left: 0;
  width: 100%;
  position:fixed;
  font-family:'Franklin Gothic Book';
  font-size: 25px;
}

/*nav bar link text*/
ul li a {
  display: block;
  left: 0;
  color: #4c4c4c;
  padding: 15px 17px;
  text-decoration: none;
}
ul li a:hover {
  color: #009ac7;
}

/*nav bar clock text*/
ul li b {
  display: block;
  color: #000000;
  padding: 15px 17px;
  margin-left: auto;
  text-decoration: none;
}

/*flex containers (column)*/
.flexcon {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
.flexcon2 {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
.flexcon80 {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}

/*flex containers (rows)*/
.flexrow {
  display: flex;
  flex-direction: row;
  row-gap: 30px;
}
.flexrowc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.flexpos{
    top: -20px;
    width: 100%;
    position:relative;
}

/*gray button*/
a.res:link, a.res:visited{
  background-color: #4c4c4c;
  color: white;
  padding: 0px 15px;
  height:9%;
  width: 87.6%;
  text-align: center;
  text-decoration: none;
  display: flex;
  font-family:'Franklin Gothic Book';
  font-size:62px;
  margin-right:100px;
  margin-top:-45px;
  margin-bottom:-40px;
}
a.res:hover, a.res:active {
  background-color: #2b2b2b;
}

/*white button*/
a.res2 {
  display: inline-block;
  background-color: #ffffff;
}
a.res2:hover,
a.res2:active {
  background-color: #d7d7d7;
}
a.res2 img {
  display: block;
}

/*element sizes and adjustments*/

/* navbar image width and height*/
.niwh {
  width:58.5px;
  height:58.5px;
  display: block;
}

/* navbar time adjustment*/
.timeauto {
  margin-left:auto;
}

/* portrait adjustment*/
.porta {
  float:left;
  margin-top:-50px;
  margin-left:30px;
  margin-right:10px;
  width:400px;
}

/* homepage description*/
.homedes {
  margin-right: 40px;
}

/* homepage button adjustment*/
.hba{
  margin-top:265px;
  padding: 8px;
  margin-left:20px;
}

/* homepage image adjustment*/
.hia{
  width:120px;
}

/* gmail icon centering*/
.gmail{
  margin-top:14px;
}

/* portfolio button adjustment*/
.pba{
  margin-top:235px;
  padding: 4px;
}

/* portfolio image adjustment*/
.pia{
  width:70px;
}

/*portfolio github button adjustment*/
.pgb {
  margin-top:10px;
  margin-left:20px;
}

/*portfolio text adjustment*/
.pta{
  margin-right:50px;
}

/* portfolio small button adjustment*/
.psba{
  padding: 4px;
}

/* portfolio small image adjustment*/
.psia{
  width:25px;
}

/* portfolio first heading */
.pfh{
  font-size:50px;margin-top:-40px;margin-bottom:-20px;
}

/* portfolio second and third heading */
.psth{
  font-size:45px;margin-top:-80px;margin-bottom:-20px;
}

/* city pulse icon */
.cpi{
  margin-left:30px;margin-right:20px;
  width:220px;
  height:220px;
}

/* Interactive World Data Mapping icon */
.iwdmi{
  margin-left:30px;margin-top:-60px;margin-right:20px;
  width:200px;
  height:200px;
}

/* Improving Ridesharing Efficiency icon */
.irei{
  margin-left:30px;margin-top:-40px;margin-right:20px;
  width:200px;
  height:200px;
}

/*skills + areas of interest adjustment */
.skills-areas-adjust{
  margin-left:50px;
}

/*drive logo adjustment */
.dla{
  margin-right:12.5px;margin-left:0px;margin-top:12.5px;
  width:50px; height:50px;
}

/*iframe adjustment */
.ifa{
  border:0;margin-right:50px;
  width:595px; height:800px;
}

/*frisco family services button */
.ffsb{
  width:120px;
  height:70px;
  padding: 8px;
  margin-top:-46px;
  margin-left:20px;
  position:relative;
}

/*frisco family services logo*/
.ffsl{
  width:120px;
}

/*national honor society button */
.nhsb{
  width:90px;
  height:80px;
  padding: 8px;
  margin-top:-35px;
  margin-left:20px;
  position:relative;
}

/*national honor society logo*/
.nhsl{
  width:70px;
}

/*tamu logo*/
.tamu{
  content: url("images/TAMU.png");
}


/*toggle hover*/
.toggle{
  content: url("images/Mii.png");
}
.toggle:hover{
  content: url("images/MiiHover.png");
}

/*homepage text*/
.mytitle::before {
  content: "Arnav Fotedar";
}

/*same function as flexcon80, different function within style2*/
.style2padjustments{
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}

/*href for Spotify Color*/
.spotifystyle{
  color:#179141 !important;
}