/* CSS for Windows 8.1 Start Menu-like Tile */

/* Base styles for the tile */
.tile-container {
    width: 25vh; /* Adjust width as needed */
    height: 15vw; /* Adjust height as needed */
    padding: 10px; /* Padding around the tile */
    background-color: #2196F3; /* Default background color */
    border: 1px solid transparent; /* Initial border */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Shadow effect */

    /* Center the content */
    display: flex;
    justify-content: center;
    align-items: center;

    /* 3D transformation */
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
    float:left;
    
}

/* Color variations */
.blue {
    background-color: #2196F3;
}

.green {
    background-color: #4CAF50;
}

.orange {
    background-color: #FF9800;
}

.red {
    background-color: #F44336;
}

/* 3D animation effect on hover */
.tile-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
}

/* Image styling */
.tile-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px; /* Optional: Rounded corners for the image */
    
}

body{
    background-image: linear-gradient(rgb(195, 0, 255), rgb(135, 12, 123));
    background-attachment: fixed;
}

* {color: black; font-family:sans-serif}

.resize {height: 100%;
    width: 100%;}