@@ -139,23 +139,13 @@ html,body{
139139
140140/* center the logo but keep left alignment for text elements */
141141.logo-img {
142- width : clamp (56px , 14vw , 110 px );
142+ width : clamp (56px , 14vw , 175 px );
143143 height : auto;
144144 margin : 8px 0 18px 0 ;
145- border-radius : 14px ;
146- border : 1px solid rgba (255 , 255 , 255 , 0.04 );
147145 padding : 6px ;
148- background : linear-gradient (180deg , rgba (255 , 255 , 255 , 0.01 ), transparent);
149- box-shadow : 0 8px 30px rgba (78 , 229 , 255 , 0.03 );
150- transition : transform 220ms ease, filter 220ms ease;
151146 align-self : center;
152147}
153148
154- .logo-img : hover {
155- transform : translateY (-4px ) scale (1.02 );
156- filter : drop-shadow (0 18px 40px rgba (78 , 229 , 255 , 0.06 ));
157- }
158-
159149/* Buttons */
160150.download-button ,
161151.install-button {
@@ -265,7 +255,7 @@ html,body{
265255@media (orientation : portrait) and (max-width : 520px ) {
266256 html { font-size : 17px ; }
267257 .title { font-size : clamp (1.25rem , 7.5vw , 1.6rem ); }
268- .logo-img { width : clamp (72px , 22 vw , 96 px ); }
258+ .logo-img { width : clamp (72px , 50 vw , 200 px ); }
269259 .download-button , .install-button { padding : 12px 22px ; font-size : 1.06rem ; min-height : 46px ; border-radius : 12px ; }
270260}
271261
0 commit comments