@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 800px)
{
	#project-info
	{
		float:none;
		width: 100%;
		margin: 8px;
		font-weight: 900;
		font-size: xxx-large;
	}
	
	#sad-info
	{
		float:none;
		width: 100%;
		margin: 8px;
	}

	#projects-container
	{
		display: inline-block;
		align-items: center; /* Centra los elementos verticalmente */
		height: 100%;
	}

	.project
	{
		height: 60%;
	}
	.container
	{
		overflow:visible;
	}
}

@media screen and (max-width: 600px)
{
	/*Hide links except the logo*/
	.navbar a:not(:first-child)
	{
        display: none;
    }

	/*Show the mobile menu*/
    .navbar a.icon
	{
        display: flex;
        position: absolute;
        right: 0;
    }


}

/* Hide mobile menu in desktop mode */
@media screen and (min-width: 601px)
{
    .navbar a.icon
	{
        display: none;
    }
}