@charset "UTF-8";
/* ADRIANNA SOFEA 0350661 */

html {
	scroll-padding-top:100px;
	scroll-behavior: smooth;
}

body {
  background-color: #faeef0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 992px; 
  margin: 0 auto;
  height: 3800px;
  box-sizing: border-box;
}

.container {
  max-width: 992px;
  height: 3800px;
  padding: 1%;
  align-content: flex-start;
  box-sizing: border-box;
  margin: 0 auto;
}

.adrianna-sofea {
  width: 467px;
  top: 118px;
  left: 532px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #3f2eba;
  font-size: 90px;
  letter-spacing: 0;
  line-height: normal;
}

.navi {
	list-style: none;
	display: flex;
	gap: 10%;
	justify-content: flex-start;
	align-content: flex-start;
	min-height: 50px;
	border-left: thin #3f2eba; 
	margin-left: -3%
}

.oval-image {
  border-radius: 50%; 
  width: 240px; 
  margin: 10px;
}

.line {
  width: 992px;
  left: 1301px;
  outline: solid thin #3f2eba;
}

.text-wrapper-8 {
  top: 431px;
  left: 897px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 32px;
}

.text-wrapper-4 {
  top: 431px;
  left: 538px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 32px; }

.text-wrapper-7 {
  width: 150px;
  top: 700px;
  left: 534px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 32px;
  letter-spacing:normal;
  line-height: normal;
}

.creative-writing {
  width: 257px;
  top: 726px;
  left: 538px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #3f2eba;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.rectangle-4 {
  width: 57px;
  height: 56px;
  top: 836px;
  left: 538px;
}

 .rectangle-5 {
  width: 57px;
  height: 56px;
  top: 836px;
  left: 604px;
}

 .rectangle-6 { 
  width: 57px;
  height: 56px;
  top: 836px;
  left: 670px;
}

 .rectangle-7 {
  width: 57px;
  height: 56px;
  top: 836px;
  left: 736px;
}

.text-wrapper-9 {
  width: 397px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 64px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-11 {
  width: 397px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 200;
  color: #3f2eba;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-12 {
  padding-top: -200px;
  width: 397px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 200;
  color: #3f2eba;
  font-size: 20px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-13 {
  padding-top: -200px;
  width: 397px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 200;
  color: #3f2eba;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-14 {
  padding-top: -200px;
  width: 397px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 200;
  color: #3f2eba;
  font-size: 20px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-15 {
  padding-top: -200px;
  width: 397px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 200;
  color: #3f2eba;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-16 {
  padding-top: -200px;
  width: 397px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 200;
  color: #3f2eba;
  font-size: 20px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

 .rectangle-8 {
  width: 43px;
  height: 32px;
  top: 248px;
  left: 542px;
  object-fit: cover;
}

 .rectangle-9 {
  width: 41px;
  height: 41px;
  top: 297px;
  left: 542px;
  object-fit: cover;
}

.text-wrapper-2 {
  width: 183px;
  top: 191px;
  left: 510px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #3f2eba;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
}

 .text-wrapper-5 {
  width: 183px;
  top: 296px;
  left: 602px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
}


a:link {
	color:#3f2eba;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.navi a:link {
	color: #fc8314cc;
	text-decoration: none;
	font-size: 1.5em;
}

.navi a:hover {
	color: #3f2eba;
	padding-bottom: 5%; 
	border-bottom: 1px solid #fc8314cc; 
}

.navi a:visited {
	color: #3f2eba;
}
.div {
  width: 485px;
  height: 854px;
  top: 358px;
  left: 0;
}

 .text-wrapper {
  top: 0;
  left: 542px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #3f2eba;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-6 { 
  width: 183px;
  top: 296px;
  left: 602px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;}

 .element-sijil {
  top: 501px;
  left: 897px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #3f2eba;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.sex-female-age {
  top: 492px;
  left: 538px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #3f2eba;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-3 {
  color: #fc8314cc;
} 


.about-me {
  top: 553px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 64px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 200%;
}

.text-wrapper-10 {
  right: 750px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 60px;
  margin-bottom: 30px;
  letter-spacing: 0;
  line-height: 80%;

}

.text-wrapper-17 {
  width: 397px;
  top: 1040px;
  left: 750px;
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #3f2eba;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;

}

.a {
  position: absolute;
  width: 242px;
  top: 0;
  left: 0;
  transform: rotate(180deg);
  font-family: "Coolvetica-Regular", Helvetica;
  font-weight: 400;
  color: #fc8314cc;
  font-size: 190px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.span {
  color: #3f2ebaf2;
}

.move {
  align-items: flex-end;
  height: auto;
  top: 1136px;
  left: 878px;
  background-blend-mode: soft-light;
  object-fit: cover;
}

@media (max-width: 992px) {
  .container {
    display: block;
  }
  .navi {
    display: block;
    padding: 0;
    text-align: center;
  }

  
}