body {
    font-family: Arial;
	font-optical-sizing: auto;
    color: #000000;
    margin: 0;
    padding: 0;
}

.radical-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}

header h1 {
	font-family: Helvetica;	
    font-size: 4rem;
    margin: 0;
    animation: fadeIn 2s ease-in-out;
}

header p {
    margin-top: 10px;
    opacity: 0.8;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Card projects */
.card img {
    height: 450px;
    object-fit: cover;
}

/* Video yt */
.videocontainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; 
    padding: 10px;
}

iframe {
    width: 70vw;      
    height: 65vh;
}

.mb-4 {
    margin-top: -20px;
}

#falling-text {
    position: absolute;
    width: 100%;
    height: 100vh; /* Lettere solo nell'header */
    pointer-events: none; /* Non interferisce con i click */
}

.falling-letter {
    position: absolute;
    font-size: 1.2rem;
    font-weight: bold;
    color: #0f0; /* Verde coding */
    opacity: 1;
	animation: fall linear infinite;
}

/* Animazione per cadere giù */
@keyframes fall {
    0% { transform: translateY(0); }
    100% { transform: translateY(90vh); } /* Si ferma quasi in basso */
}

footer {
    font-size: 0.8em;
}

#footpoli {
    width: 100%;
	position: absolute;
	left: 0;
    right: 0;
}