/* ---- Global style & variables ---- */ :root { --primary: #02402C; --primary-light: #056343; --primary-soft: #0A5A3D; --accent-bg: #F2FFF9; --avatar-ring: #F7FFF9; --accent-light: #046345; --card-bg: #F8FFFC; --shadow-soft: rgba(0, 0, 0, 0.18); --shadow-strong: rgba(0, 0, 0, 0.28); --text-on-primary: #ffffff; --text-muted: #E3FFF2; --button-text: #02402C; --button-white: #ffffff; } /* Optional: Body markazga joylash uchun */ body { min-height: 100vh; margin: 0; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* background: radial-gradient(circle at top, #0a3f2c 0, #01140f 40%, #000 80%); */ display: flex; align-items: center; justify-content: center; } /* ---- Card ---- */ /* From Uiverse.io by Smit-Prajapati (modified theme) */ .card { width: 280px; height: 280px; background: var(--card-bg); border-radius: 32px; padding: 3px; position: relative; box-shadow: 0 24px 50px -28px var(--shadow-soft); transition: all 0.5s ease-in-out; overflow: visible; } /* Hoverda biroz yumaloqlash & yengil transform */ .card:hover { border-top-left-radius: 55px; transform: translateY(-4px); box-shadow: 0 30px 70px -40px var(--shadow-strong); } /* ---- Mail tugmasi ---- */ .card .mail { position: absolute; right: 1.6rem; top: 1.2rem; background: rgba(2, 64, 44, 0.06); border-radius: 999px; border: none; padding: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; backdrop-filter: blur(8px); transition: background 0.3s ease, transform 0.2s ease; } .card .mail svg { stroke: var(--primary-light); stroke-width: 2.7px; transition: stroke 0.3s ease; } .card .mail:hover { background: rgba(2, 64, 44, 0.15); transform: translateY(-1px) scale(1.03); } .card .mail svg:hover { stroke: var(--primary); } /* ---- Profile pic ---- */ .card .profile-pic { position: absolute; width: calc(100% - 6px); height: calc(100% - 6px); top: 3px; left: 3px; border-radius: 29px; z-index: 1; border: 0px solid var(--avatar-ring); overflow: hidden; background: var(--accent-bg); transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s; } .card .profile-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: all 0.5s ease-in-out; } .card .profile-pic svg { width: 100%; height: 100%; object-fit: cover; object-position: 0px 0px; transform-origin: 45% 20%; transition: all 0.5s ease-in-out 0s; } /* Hover holatida avatar kichrayib, dumaloqlashadi */ .card:hover .profile-pic { width: 100px; height: 100px; aspect-ratio: 1; top: 12px; left: 12px; border-radius: 50%; z-index: 3; border: 6px solid var(--accent-light); box-shadow: 0 8px 18px -8px var(--shadow-soft); background: #ffffff; transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s; } .card:hover .profile-pic:hover { transform: scale(1.18); border-radius: 24px; } .card:hover .profile-pic img { transform: scale(1.1); /* oldingi 2.2/2.5 o‘rniga kichikroq */ object-position: center 20%; /* kerak bo‘lsa percent bilan o‘ynab ko‘r */ } .card:hover .profile-pic svg { transform: scale(2.2); transition: all 0.5s ease-in-out 0.5s; } /* ---- Bottom blok (ism, about, social, button) ---- */ .card .bottom { position: absolute; bottom: 3px; left: 3px; right: 3px; background: var(--primary); top: 80%; border-radius: 29px; z-index: 2; box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.16); overflow: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } /* Hoverda yuqoriga chiqadi */ .card:hover .bottom { top: 24%; border-radius: 80px 29px 29px 29px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; } .card .bottom .content { position: absolute; bottom: 0; left: 1.5rem; right: 1.5rem; height: 160px; display: flex; flex-direction: column; justify-content: flex-start; } /* Name / Title */ .card .bottom .content .name { display: block; font-size: 1.25rem; color: var(--text-on-primary); font-weight: 700; letter-spacing: 0.03em; margin-top: 0.4rem; } /* Subtitle or about-me */ .card .bottom .content .about-me { display: block; font-size: 0.9rem; color: var(--text-muted); margin-top: 0.9rem; line-height: 1.35; } /* Bottom row: social + button */ .card .bottom .bottom-bottom { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1rem; /* top: 50%; transform: translateY(-50%); */ display: flex; justify-content: flex-end; align-items: center; } /* Social icons */ /* .card .bottom .bottom-bottom .social-links-container { display: flex; gap: 0.9rem; } .card .bottom .bottom-bottom .social-links-container svg { height: 20px; fill: var(--text-on-primary); filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.18)); transition: transform 0.2s ease, fill 0.2s ease, filter 0.2s ease; cursor: pointer; } .card .bottom .bottom-bottom .social-links-container svg:hover { fill: #B8FFDD; transform: scale(1.2) translateY(-1px); filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25)); } */ /* Button */ .card .bottom .bottom-bottom .button { background: #F7FFF9; color: var(--button-text); border: none; border-radius: 999px; font-size: 0.7rem; padding: 0.45rem 0.9rem; /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); */ font-weight: 600; letter-spacing: 0.04em; /* text-transform: uppercase;s */ cursor: pointer; transition: background 0.25s ease, color 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease; } .card .bottom .bottom-bottom .button:hover { background: #B8FFDD; color: var(--primary-soft); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22); } .card .bottom .bottom-bottom .button:active { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24); }

About Suxrob Qodirov

This author has not yet filled in any details.
So far Suxrob Qodirov has created 119 blog entries.

Students of the International Agricultural University Participate Actively in the Semi-Finals of the “Youth and Innovative Agriculture” Competition

Today, June 13, a group of students from the International [...]

By |2024-06-13T07:39:43+05:00June 13, 2024|Student-life|0 Comments
Read More

Anvarbek Shukhratov, a student of the International Agriculture University majoring in “Agro-economics”

📣 Anvarbek Shukhratov, a student of the International Agriculture University [...]

By |2024-06-04T13:04:57+05:00June 4, 2024|Student-life|0 Comments
Read More

International Agriculture University was a part of a grandiose event dedicated to celebrate ”30 years of partnership and friendship” between the ”European Union and Uzbekistan” which is a significant milestone in our collaboration.

📣 International Agriculture University was a part of a grandiose [...]

By |2024-06-04T13:00:37+05:00June 4, 2024|events|0 Comments
Read More

 

 

International Agriculture University

University street №2 Kibray,
Tashkent Uzbekistan, 111200

Phone: +(998)99 981-09-19

Email: info@iau.uz

Go to Top