@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Agdasima:400,700|Life+Savers:700,800,400");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/69709b79d48ba9adf098b993.69709b7ad48ba9adf098b996.Xk5Hdk4.hcp.png");

@font-face {
  font-family: "Font Awesome 6 Free-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Font Awesome 6 Free-Regular-400.otf") format("opentype");
}

.screen a {
  display: contents;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.frame-22 {
  align-self: stretch;
  background-color: var(--eerie-black-2);
  height: 39px;
  position: relative;
  width: 100%;
}

.frame-30 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.frame-31 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 11.77px;
  position: relative;
}

.paesaggio-gramsci {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.74px;
  position: relative;
  width: fit-content;
}

.frame-6 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  height: 20px;
  justify-content: flex-end;
  position: relative;
}

.link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.05px;
  margin-top: -0.95px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.arrow-left {
  height: 24px;
  position: relative;
  width: 24px;
}

.indietro {
  -webkit-text-stroke: 0.3px var(--eerie-black);
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  width: fit-content;
}

.frame-47 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.frame-37 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.frame-45 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
}

.rectangle-1 {
  height: 192.7px;
  position: relative;
  width: 202px;
}

.frame-44 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 25.16px;
  position: relative;
}

.frame-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8.39px;
  position: relative;
}

.group {
  height: 83.33%;
  left: 16.66%;
  position: relative;
  top: 8.33%;
  width: 66.67%;
}

.citt {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.05px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.lavoro {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.05px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-38 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 7.92px;
  height: 130px;
  justify-content: center;
  position: relative;
  width: 200px;
}

.frame-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.intervista {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.99px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.xxxx2025 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.98px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-4-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.citt-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 17.8px;
  margin-top: -1.98px;
  position: relative;
}

.nome-cognome-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.98px;
  position: relative;
}

.frame-29-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 51px;
}

.da-scrivere {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.frame-35 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.progetto-gramsci {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.associazione-per-il-parco-letterario {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.corso-umberto-i-31-09074-ghilarza-or {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-27 {
  align-items: center;
  align-self: stretch;
  background-color: var(--eerie-black);
  border-color: var(--galliano);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 94px;
  justify-content: space-around;
  padding: 0px 100px;
  position: relative;
  width: 100%;
}

.paesaggio-gramsci-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-29-3 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.dopo-baroni-in-laguna {
  letter-spacing: 0;
  line-height: 88px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.a-mezzo-secolo-dal-l {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.frame-26-1 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(117deg, rgba(27, 27, 27, 1) 0%, rgba(52, 52, 52, 1) 100%);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 100px;
  position: relative;
  width: 100%;
}

.frame-34 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.image-1-1 {
  aspect-ratio: 2.7;
  height: 534px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.frame-39 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-top: -1.45px;
  position: relative;
}

.frame-40 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.frame-41 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-bottom: -1.45px;
  position: relative;
  width: 100%;
}