/* screen - about-me */

.about-me {
  background-color: var(--double-colonial-white);
  height: 1696px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.about-me .blim-blam-gif-MuKjWR {
  left: 939px;
}

.about-me .blim-blam-gif-yQoGRU {
  left: 913px;
}

.about-me .component-32-2-MuKjWR {
  background-color: transparent;
  height: 541px;
  left: 13px;
  position: absolute;
  top: 412px;
  width: 936px;
}

.about-me .rectangle-31-iDlOGo {
  background-color: transparent;
  border: 4px solid;
  border-color: var(--cardinal);
  border-radius: 45px;
  height: 541px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 936px;
}

.about-me .x25-iDlOGo {
  bottom: 16px;
  height: 507px;
  left: 15px;
  width: calc(100% - 34px);
}

.about-me .x14-2-iDlOGo {
  background-color: transparent;
  border-radius: 30px;
  height: calc(100% - 18px);
  left: 8px;
  object-fit: cover;
  position: absolute;
  top: 9px;
  width: calc(100% - 18px);
}

.about-me .rectangle-157-iDlOGo {
  background-color: transparent;
  border: 4px solid;
  border-color: var(--cardinal);
  border-radius: 30px;
  height: 508px;
  left: 16px;
  position: absolute;
  top: 17px;
  width: 902px;
}

.about-me .group-43-MuKjWR {
  background-color: transparent;
  cursor: pointer;
  height: 507px;
  left: 28px;
  pointer-events: auto;
  position: absolute;
  top: 430px;
  transition: all 0.2s ease;
  width: 902px;
}

.about-me .group-43-MuKjWR:hover {
  opacity: 0;
}

.about-me .x25-w7GlK4 {
  height: calc(100% + 20px);
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
}

.about-me .component-33-1-w7GlK4 {
  background-color: transparent;
  height: 162px;
  left: 80px;
  position: absolute;
  top: 14px;
  width: 300px;
}

.about-me .ellipse-1-UznpR0 {
  background-color: #f6dadc;
  border-radius: 149.85px/60.55px;
  height: calc(100% - 41px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.about-me .polygon-1-UznpR0 {
  background-color: transparent;
  bottom: 1px;
  height: 70px;
  object-fit: cover;
  position: absolute;
  right: calc(22.93% - 18px);
  width: 81px;
}

.about-me .polygon-2-UznpR0 {
  background-color: transparent;
  bottom: 19px;
  height: 73px;
  object-fit: cover;
  position: absolute;
  right: calc(38.77% - 33px);
  width: 85px;
}

.about-me .line-1-UznpR0 {
  background-color: transparent;
  bottom: 14px;
  height: 29px;
  object-fit: cover;
  position: absolute;
  right: calc(32.75% - 18px);
  width: 55px;
}

.about-me .line-2-UznpR0 {
  background-color: transparent;
  bottom: 14px;
  height: 37px;
  object-fit: cover;
  position: absolute;
  right: calc(24.87% - 2px);
  width: 7px;
}

.about-me .yooo-like-get-that-c-w7GlK4 {
  background-color: transparent;
  color: var(--cardinal);
  font-family: var(--font-family-cambria-regular);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 80px;
  left: 133px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 40px;
  white-space: nowrap;
  width: 233px;
}

.about-me .rectangle-28-MuKjWR {
  background-color: var(--vista-white);
  border-radius: 23px;
  height: 504px;
  left: 957px;
  position: absolute;
  top: 283px;
  width: 938px;
}

.about-me .group-49-MuKjWR {
  background-color: transparent;
  height: 465px;
  left: 1310px;
  position: absolute;
  top: 709px;
  width: 826px;
}

.about-me .rectangle-33-Ez8UfP {
  background-color: var(--geraldine);
  border-radius: 38px;
  height: 295px;
  left: calc(46.67% - 196px);
  position: absolute;
  top: calc(45.29% - 134px);
  width: 421px;
}

.about-me .piexelatedgif-Ez8UfP {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}

.about-me .rectangle-32-Ez8UfP {
  background-color: transparent;
  border: 12px solid;
  border-color: var(--cardinal);
  height: 295px;
  left: calc(46.67% - 196px);
  position: absolute;
  top: calc(45.29% - 134px);
  width: 421px;
}

.about-me .in-late-2020-john-da-MuKjWR {
  background-color: transparent;
  height: 419px;
  left: 1018px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 339px;
  width: 812px;
}

.about-me .rectangle-156-MuKjWR {
  background-color: var(--vista-white);
  height: 30px;
  left: 1417px;
  position: absolute;
  top: 614px;
  width: 257px;
}

.about-me .rectangle-29-MuKjWR {
  background-color: var(--vista-white);
  height: 30px;
  left: 1131px;
  position: absolute;
  top: 614px;
  width: 233px;
}

.about-me .john-daugherty-MuKjWR {
  color: var(--cardinal);
}

.about-me .span0-m7xvlY {
}

.about-me .span1-m7xvlY {
  text-decoration: underline;
}

.about-me .span2-m7xvlY {
}

.about-me .john-daugherty-MuKjWR:hover {
  opacity: 0;
}

.about-me .john-daugherty-2-MuKjWR {
  color: var(--cardinal);
}

.about-me .span0-boWHd3 {
}

.about-me .span1-boWHd3 {
  text-decoration: underline;
}

.about-me .span2-boWHd3 {
}

.about-me .john-daugherty-2-MuKjWR:hover {
  opacity: 0;
}

.about-me .john-daugherty-yQoGRU {
  color: var(--geraldine);
}

.about-me .span0-sSsrDK {
}

.about-me .span1-sSsrDK {
  text-decoration: underline;
}

.about-me .span2-sSsrDK {
}

.about-me .john-daugherty-yQoGRU:hover {
  opacity: 0;
}

.about-me .john-daugherty-2-yQoGRU {
  color: var(--geraldine);
}

.about-me .span0-Ub8TAd {
}

.about-me .span1-Ub8TAd {
  text-decoration: underline;
}

.about-me .span2-Ub8TAd {
}

.about-me .john-daugherty-2-yQoGRU:hover {
  opacity: 0;
}

.about-me .component-23-MuKjWR {
  background-color: transparent;
  height: 77px;
  left: 0px;
  position: absolute;
  top: 1170px;
  width: 114px;
}

.about-me .repeat-grid-1-HnZ1tq {
  background-color: transparent;
  height: 77px;
  left: calc(50.00% - 57px);
  position: relative;
  top: calc(50.00% - 38px);
  width: 114px;
}

.about-me .x0-2GnOfe {
  background-color: transparent;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 114px;
}

.about-me .x1-2GnOfe {
  background-color: transparent;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 25px;
  width: 114px;
}

.about-me .x2-2GnOfe {
  background-color: transparent;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 50px;
  width: 114px;
}

.about-me .component-99-5-MuKjWR {
  background-color: transparent;
  height: 616px;
  left: 0px;
  position: absolute;
  top: 1080px;
  width: 1920px;
}

.about-me .rectangle-116-w6uwhB {
  background-color: var(--vista-white);
  bottom: 0px;
  box-shadow: inset 0px 16px 10px #00000029;
  height: 474px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.about-me .home-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .home-nQ6pjH:hover {
  opacity: 0;
}

.about-me .instagram-w6uwhB {
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  right: 224px;
  text-align: left;
  top: calc(48.54% - 16px);
  white-space: nowrap;
  width: 111px;
}

.about-me .instagram-nQ6pjH {
  cursor: pointer;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  pointer-events: auto;
  right: 224px;
  text-align: left;
  top: calc(48.54% - 16px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 111px;
}

.about-me .instagram-nQ6pjH:hover {
  opacity: 0;
}

.about-me .johndmakesthingscom-w6uwhB {
  background-color: transparent;
  bottom: calc(39.81% - 13px);
  height: 32px;
  left: 149px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 275px;
}

.about-me .span0-QyLgOK {
}

.about-me .span1-QyLgOK {
}

.about-me .span2-QyLgOK {
}

.about-me .you-tube1-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .span0-LnTqot {
}

.about-me .span1-LnTqot {
}

.about-me .span2-LnTqot {
}

.about-me .you-tube1-nQ6pjH:hover {
  opacity: 0;
}

.about-me .jump-to-w6uwhB {
  background-color: transparent;
  height: 43px;
  left: calc(40.11% - 50px);
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: calc(39.79% - 17px);
  white-space: nowrap;
  width: 125px;
}

.about-me .animated-projects-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .animated-projects-nQ6pjH:hover {
  opacity: 0;
}

.about-me .musical-projects-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .musical-projects-nQ6pjH:hover {
  opacity: 0;
}

.about-me .written-projects-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .written-projects-nQ6pjH:hover {
  opacity: 0;
}

.about-me .social-w6uwhB {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  right: 235px;
  text-align: left;
  top: calc(39.79% - 17px);
  white-space: nowrap;
  width: 90px;
}

.about-me .span0-99xjXb {
}

.about-me .span1-99xjXb {
}

.about-me .you-tube2-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .span0-DYEeU3 {
}

.about-me .span1-DYEeU3 {
}

.about-me .you-tube2-nQ6pjH:hover {
  opacity: 0;
}

.about-me .contact-me-w6uwhB {
  bottom: calc(46.76% - 15px);
  height: 32px;
  left: calc(40.37% - 49px);
  letter-spacing: 0.00px;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  width: 122px;
}

.about-me .contact-me-nQ6pjH {
  bottom: calc(46.76% - 15px);
  cursor: pointer;
  height: 32px;
  left: calc(40.37% - 49px);
  letter-spacing: 0.00px;
  line-height: 25px;
  pointer-events: auto;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 122px;
}

.about-me .contact-me-nQ6pjH:hover {
  opacity: 0;
}

.about-me .about-me-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .about-me-nQ6pjH:hover {
  opacity: 0;
}

.about-me .email-nQ6pjH {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.about-me .email-nQ6pjH:hover {
  opacity: 0;
}

.about-me .reach-out-w6uwhB {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  right: calc(36.41% - 56px);
  text-align: left;
  top: calc(39.79% - 17px);
  white-space: nowrap;
  width: 154px;
}

.about-me .house-w6uwhB {
  background-color: transparent;
  height: 22px;
  left: calc(38.15% - 8px);
  object-fit: cover;
  position: absolute;
  top: calc(47.81% - 11px);
  width: 22px;
}

.about-me .contact-me-Lzy8L7 {
  bottom: calc(46.33% - 14px);
  height: 31px;
  left: calc(36.65% - 11px);
  object-fit: cover;
  width: 31px;
}

.about-me .mail-w6uwhB {
  background-color: transparent;
  height: 22px;
  object-fit: cover;
  position: absolute;
  right: calc(40.09% - 9px);
  top: calc(48.48% - 11px);
  width: 22px;
}

.about-me .youtube-w6uwhB {
  bottom: calc(46.80% - 10px);
}

.about-me .youtube-nQ6pjH {
  bottom: calc(41.58% - 9px);
}

.about-me .instagram-Lzy8L7 {
  height: 22px;
  object-fit: cover;
  right: calc(18.18% - 4px);
  top: calc(47.98% - 11px);
  width: 22px;
}

.about-me .animation-w6uwhB {
  bottom: calc(42.25% - 20px);
  height: 48px;
  left: calc(34.56% - 17px);
  object-fit: cover;
  width: 48px;
}

.about-me .guitar-w6uwhB {
  background-color: transparent;
  border-radius: 11px;
  bottom: calc(36.96% - 11px);
  height: 30px;
  left: calc(35.50% - 11px);
  object-fit: cover;
  position: absolute;
  width: 30px;
}

.about-me .writing-w6uwhB {
  background-color: transparent;
  bottom: calc(30.98% - 7px);
  height: 22px;
  left: calc(36.01% - 8px);
  object-fit: cover;
  position: absolute;
  width: 22px;
}

.about-me .dots-w6uwhB {
  background-color: transparent;
  bottom: 146px;
  height: 22px;
  left: calc(37.96% - 8px);
  object-fit: cover;
  position: absolute;
  width: 22px;
}

.about-me .doodles-w6uwhB {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 95px;
  text-align: left;
  top: calc(48.54% - 16px);
  white-space: nowrap;
  width: 111px;
}

.about-me .animation-nQ6pjH {
  bottom: calc(46.15% - 15px);
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  right: 72px;
  text-align: left;
  white-space: nowrap;
  width: 130px;
}

.about-me .music-w6uwhB {
  background-color: transparent;
  bottom: calc(40.84% - 13px);
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 118px;
  text-align: left;
  white-space: nowrap;
  width: 90px;
}

.about-me .rectangle-118-w6uwhB {
  background-color: var(--cardinal);
  height: 98px;
  left: 0px;
  position: absolute;
  top: 44px;
  width: 100%;
}

.about-me .rectangle-119-w6uwhB {
  background-color: var(--cardinal);
  height: 8px;
  left: 0px;
  position: absolute;
  top: 11px;
  width: 100%;
}

.about-me .rectangle-120-w6uwhB {
  background-color: var(--cardinal);
  height: 16px;
  left: 0px;
  position: absolute;
  top: 24px;
  width: 100%;
}

.about-me .rectangle-121-w6uwhB {
  background-color: var(--cardinal);
  height: 4px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.about-me .rectangle-1-MuKjWR {
  background-color: var(--geraldine);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 219px;
  left: 10px;
  position: fixed;
  top: 10px;
  width: 1898px;
}

.about-me .title-MuKjWR {
  background-color: transparent;
  height: auto;
  left: 292px;
  letter-spacing: 0.00px;
  line-height: 85px;
  position: fixed;
  text-align: center;
  text-shadow: 6px 6px 6px #0000004d;
  top: 34px;
  white-space: nowrap;
  width: auto;
}

.about-me .makes-things-MuKjWR {
  background-color: transparent;
  height: auto;
  left: 496px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: fixed;
  text-align: center;
  text-shadow: 6px 6px 6px #0000004d;
  top: 104px;
  white-space: nowrap;
  width: auto;
}

.about-me .rectangle-2-MuKjWR {
  background-color: var(--geraldine);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 10px;
  left: 28px;
  position: fixed;
  top: 233px;
  width: 1858px;
}

.about-me .rectangle-3-MuKjWR {
  background-color: var(--geraldine);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 6px;
  left: 42px;
  position: fixed;
  top: 247px;
  width: 1835px;
}

.about-me .component-69-34-MuKjWR {
  background-color: transparent;
  height: 100px;
  left: 33px;
  position: fixed;
  top: 288px;
  width: 100px;
}

.about-me .ellipse-2-nR8NXj {
  background-color: var(--geraldine);
}

.about-me .yellow-arrow-nR8NXj {
  bottom: 12px;
  height: 75px;
  right: 12px;
  width: 75px;
}

.about-me .group-48-MuKjWR {
  background-color: transparent;
  cursor: pointer;
  height: 100px;
  left: 33px;
  pointer-events: auto;
  position: fixed;
  top: 288px;
  transition: all 0.2s ease;
  width: 100px;
}

.about-me .group-48-MuKjWR:hover {
  opacity: 0;
}

.about-me .ellipse-2-qpx5Qz {
  background-color: var(--cardinal);
}

.about-me .yellow-arrow-qpx5Qz {
  height: calc(100% - 25px);
  left: 13px;
  top: 13px;
  width: calc(100% - 25px);
}

.about-me .group-38-MuKjWR {
  background-color: transparent;
  cursor: pointer;
  height: 71px;
  left: 1757px;
  pointer-events: auto;
  position: fixed;
  top: 76px;
  transition: all 0.2s ease;
  width: 114px;
}

.about-me .group-38-MuKjWR:hover {
  transform: scale(1.1);
}

.about-me .rectangle-147-4QIy60 {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.about-me .rectangle-148-4QIy60 {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 0px;
  position: absolute;
  top: calc(50.00% - 8px);
  width: 100%;
}

.about-me .rectangle-149-4QIy60 {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 8px;
  bottom: 0px;
  height: 15px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.about-me .group-37-MuKjWR {
  background-color: transparent;
  cursor: pointer;
  height: 93px;
  left: 1745px;
  pointer-events: auto;
  position: fixed;
  top: 66px;
  transition: all 0.2s ease;
  width: 139px;
}

.about-me .group-37-MuKjWR:hover {
  opacity: 0;
}

.about-me .rectangle-150-Bvkkwa {
  background-color: var(--geraldine);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.about-me .rectangle-102-Bvkkwa {
  background-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 12px;
  position: absolute;
  top: 13px;
  width: calc(100% - 25px);
}

.about-me .rectangle-103-Bvkkwa {
  background-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 12px;
  position: absolute;
  top: calc(48.72% - 7px);
  width: calc(100% - 25px);
}

.about-me .rectangle-104-Bvkkwa {
  background-color: var(--cardinal);
  border-radius: 8px;
  bottom: calc(19.23% - 3px);
  height: 15px;
  left: 12px;
  position: absolute;
  width: calc(100% - 25px);
}

.about-me .logo_try1-3-MuKjWR {
  background-color: transparent;
  cursor: pointer;
  height: 267px;
  left: 28px;
  object-fit: cover;
  pointer-events: auto;
  position: fixed;
  top: 10px;
  transition: all 0.2s ease;
  width: 267px;
}

.about-me .logo_try1-3-MuKjWR:hover {
  transform: scale(1.1);
}

.about-me .about-me-1 {
  background-color: transparent;
  bottom: calc(24.57% - 8px);
  height: 32px;
  left: calc(41.30% - 43px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 105px;
}

.about-me .animated-projects {
  background-color: transparent;
  bottom: calc(41.87% - 13px);
  height: 32px;
  left: calc(40.36% - 80px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 198px;
}

.about-me .blim-blam-gif {
  background-color: transparent;
  height: 211px;
  object-fit: cover;
  position: absolute;
  top: 765px;
  width: 343px;
}

.about-me .contact-me-1 {
  background-color: transparent;
  position: absolute;
}

.about-me .email {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: calc(37.05% - 23px);
  text-align: left;
  top: calc(48.54% - 16px);
  white-space: nowrap;
  width: 63px;
}

.about-me .home {
  background-color: transparent;
  height: 32px;
  left: calc(40.43% - 26px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  top: calc(48.54% - 16px);
  white-space: nowrap;
  width: 65px;
}

.about-me .john-daugherty {
  background-color: transparent;
  cursor: pointer;
  font-family: var(--font-family-cambria);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 49px;
  left: 1139px;
  letter-spacing: 0.00px;
  line-height: 30px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 608px;
  transition: all 0.2s ease;
  width: 229px;
}

.about-me .john-daugherty-2 {
  background-color: transparent;
  cursor: pointer;
  font-family: var(--font-family-cambria);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 49px;
  left: 1421px;
  letter-spacing: 0.00px;
  line-height: 30px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 610px;
  transition: all 0.2s ease;
  width: 302px;
}

.about-me .musical-projects {
  background-color: transparent;
  bottom: calc(36.31% - 12px);
  height: 32px;
  left: calc(40.19% - 71px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 176px;
}

.about-me .rectangle-4 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 30px;
  height: 15px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 114px;
}

.about-me .written-projects {
  background-color: transparent;
  bottom: calc(30.05% - 10px);
  height: 32px;
  left: calc(41.00% - 73px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 177px;
}

.about-me .x25 {
  background-color: transparent;
  border-radius: 30px;
  object-fit: cover;
  position: absolute;
}

.about-me .you-tube1 {
  background-color: transparent;
  bottom: calc(46.15% - 15px);
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 220px;
  text-align: left;
  white-space: nowrap;
  width: 109px;
}

.about-me .you-tube2 {
  background-color: transparent;
  bottom: calc(40.84% - 13px);
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 226px;
  text-align: left;
  white-space: nowrap;
  width: 103px;
}

.about-me .youtube {
  background-color: transparent;
  height: 22px;
  object-fit: cover;
  position: absolute;
  right: calc(17.86% - 4px);
  width: 22px;
}