/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 21, 2021, 7:18:31 PM
    Author     : khairaz
*/
*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;

}

.gfg{
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   max-width: 500px;
   flex-wrap: wrap;
   z-index: 1;
}

.gfg .card{
   position: relative;
   width: 200px;
   height: 275px;
   margin: 25px;
   box-shadow: 20px 20px 50px rgb(0,0,0,0.4);
   border-radius: 15px;
   background: rgba(255,255,255,0.1);
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   backdrop-filter: blur(6px);
}

.gfg .card .content{
   padding: 20px;
   text-align: center;
}

footer {
   position: fixed;
   bottom: 10px;
   width: 100%;  
   z-index: 2;
}