@font-face {
  /*name*/
  font-family: 'ROMANTIC';
  src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF);
}

@font-face {
  /*font paragraph*/
  font-family: windows;
  src: url(https://dl.dropbox.com/s/kaxqli0m8m9zvdc/Windows%20Regular.ttf?dl=0);
}

@font-face {
  font-family: 'CD-Icons';
  src: url(https://dl.dropbox.com/s/qpxhx7ejpr5bw67/cd-iconspc.ttf);
}

@font-face {
  font-family: 'basiic';
  src: url(./fonts/basiic.ttf);
}

* {
  text-decoration: none;
  margin: auto;
  cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1034.cur), auto !important;
  /* border: 3px solid violet; */
}

body {
  width: 100%;
  /* transform: scale(0.9);
  transform-origin: top center;  */
  margin: 0;
  padding-bottom: 4rem;
  background-image: url('./images/hearts.svg'),
    radial-gradient(
      50% 50% at 50% 50%,
      rgba(240, 215, 252, 0.349) 30%,
      #ffffff 100%
    ), url('assets/images/bg.jpg?v=ac560356');
  background-size: cover, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center, center, center;
  overflow-x: hidden;
  /* border: 2px solid #a04a4a; */
}


-moz-selection {
  background-color: #dde9ff;
  color: #e89eff;
}

::selection {
  background-color: #dde9ff;
  color: #e89eff;
}

h1 {
  font-size: 3em;
  font-family: 'ROMANTIC';
  letter-spacing: 3px;
  background: rgb(235, 232, 247);
  background: linear-gradient(
    0deg,
    rgb(235, 232, 247) 25%,
    rgb(215, 189, 230) 65%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.6px;
  -webkit-text-stroke-color: #453e85;
  -webkit-filter: drop-shadow(0px 0px 2px #a376e6);
  margin-inline-start: 1.7em;
  margin-top: 1em;
}

h2 {
  font-size: 1.5em;
  color: #453e85;
  font-weight: 600;
  font-family: 'windows';
}

p {
  font-family: 'basiic';
  text-indent: 50px;
}

header {
  width: 100%;
}

footer {
  width: 100%;
  bottom: 0;
  left: 0;
  background: #d3c6fb;
  font-family: windows;
  font-size: 1em;
  color: #414141;
  /* margin-top: 5rem; */
  padding: 6px 5px;
  text-align: center;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.137);
}

.navbar {
  width: 100%;
  background: #d3c6fb;
  font-family: windows;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  box-shadow: 0 3px 10px rgba(94, 94, 94, 0.377);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.137);
  border-bottom: #d2c5f8;
}

.navbar a {
  font-family: windows;
}

.navdiv {
  /*nav bar*/
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.icon {
  /*nav bar*/
  font-family: 'ROMANTIC';
  background: rgb(164, 187, 249);
  background: linear-gradient(
    0deg,
    rgb(200, 179, 250) 25%,
    rgba(69, 62, 133, 1) 65%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.6px;
  -webkit-text-stroke-color: #453e85;
  -webkit-filter: drop-shadow(0px 0px 2px #b483fd);
  letter-spacing: 3px;
  font-size: 4em;
  animation: glow 2s infinite;
}

@keyframes glow {
  0% {
    text-shadow: 0px 0px 15px #b483fd;
  }

  50% {
    text-shadow: 0px 0px 5px #ffedf8;
  }

  100% {
    text-shadow: 0px 0px 15px #b483fd;
  }
}

.icon img {
  border: 2px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 53%,
    rgba(254, 199, 244, 1) 97%
  );
  background-clip: padding-box;
  padding: 2px;
  margin-top: 20px;
}

li {
  display: inline-block;
  font-family: 'basiic';
}

.navbar a {
  color: white;
  font-size: 2em;
  font-weight: bold;
  margin-right: 25px;
}

a:hover {
  color: #7d97db;
}

.window-p {
  width: 65%;
  height: auto;
  overflow-y: visible;
  background: rgb(184, 184, 184);
  background: linear-gradient(
    360deg,
    rgba(184, 184, 184, 0.699) 0%,
    rgba(255, 255, 255, 0.699) 100%
  );
  border: 2px solid #ffffff;
  border-radius: 20px;
  padding: 25px;
  margin-top: 1.5em;
  font-family: 'basiic';
  color: black;
  font-size: 25px;
  box-shadow: inset 10px 0px 6px -10px #61507da6,
    inset -10px 0px 6px -10px rgba(125, 81, 80, 0.65),
    inset 0px 10px 6px -10px #ffffff,
    inset 0px -10px 6px -10px rgba(125, 81, 80, 0.376),
    0px 0px 5px 1px #61507da6;
}

.divteste {
  /*pra centralizar*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.window-p a,
.li a {
  color: #453e85;
}

.window-p .li {
  list-style-type: circle;
  font-family: 'basiic';
}

.window-p img {
  width: 100%;
  height: 10em;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 53%,
    rgba(254, 199, 244, 1) 97%
  );
  background-clip: padding-box;
  padding: 2px;
  -webkit-filter: drop-shadow(0px 0px 5px #ffffff);
  margin-top: 1.5em;
  display: grid;
}

.window-p img:hover {
  opacity: 0.5;
}

.photome {
  width: auto;
  height: auto;
  margin: 0.7em;
}

#container00 {
  width: 65%;
  height: auto;
  overflow-y: visible;
  padding: 25px;
  margin: 1.5em;
  display: flex;
  gap: 30px;
  background: rgb(184, 184, 184);
  background: linear-gradient(
    360deg,
    rgba(184, 184, 184, 0.699) 0%,
    rgba(255, 255, 255, 0.699) 100%
  );
  border: 2px solid #ffffff;
  border-radius: 20px;
  font-family: 'basiic';
  color: black;
  font-size: 25px;
  text-align: justify;
  box-shadow: inset 10px 0px 6px -10px #61507da6,
    inset -10px 0px 6px -10px rgba(125, 81, 80, 0.65),
    inset 0px 10px 6px -10px #ffffff,
    inset 0px -10px 6px -10px rgba(125, 81, 80, 0.376),
    0px 0px 5px 1px #61507da6;
}

#container00 p {
  width: auto;
}

#container00 img {
  /*minha foto*/

  width: 230px;
  border: 2px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 53%,
    rgba(254, 199, 244, 1) 97%
  );
  background-clip: padding-box;
  padding: 2px;
  -webkit-filter: drop-shadow(0px 0px 2px #000);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transition 0.2s ease-in-out;
  -moz-transition: -moz-transition 0.2s ease-in-out;
  -o-transition: -o-transition 0.2s ease-in-out;
}

#container00 img:hover {
  opacity: 0.4;
  transform: scale(1.1);
  -moz-transform: scale(1.1); /* Firefox 4 */
  -o-transform: scale(1.1); /* Opera */
  -webkit-transform: scale(1.1); /* Chrome */
}

iframe {
  display: grid;
  justify-content: center;
  border-radius: 25px;
  border: 2px solid #a376e6;
  -webkit-filter: drop-shadow(0px 0px 2px #000);
}