/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template

*/
/* 
    Created on : Aug 2, 2023, 1:37:02 AM
    Author     : vaska
*/
@import url('https://fonts.maateen.me/adorsho-lipi/font.css');
*{
                padding:0px;
                margin:0px;
                box-sizing: border-box;
                font-size: 12px;                    
              }
              main{                 
                  background-color: whitesmoke;
              }
              .fn{width:100%;height:400px;background-image:url("../Images/fn.jpg");background-size:cover;background-repeat:no-repeat ;background-position: center;font-size: 1.2em;font-weight: bolder;color:tomato;text-align: center;display: flex;justify-content: center;align-items:center;border-radius: 10px;}
               .rme{height:400px;width:auto;background-image:url("../Images/RMEbg.jpg");background-attachment: local;background-repeat:no-repeat ;background-size:cover;background-position: center;font-size: 1.2em;font-weight: bolder;color:tomato;text-align: center;display: flex;justify-content: center;align-items:center;border-radius: 10px;}
              .cd{height:400px;width:auto;background-image:url("../Images/CD.jpg");background-attachment: local;background-repeat:no-repeat ;background-size:cover;background-position: center;font-size: 1.2em;font-weight: bolder;color:tomato;text-align: center;display: flex;justify-content: center;align-items:center;border-radius: 10px;}
               .acs{height:400px;width:auto;background-image:url("../Images/acs.jpg");background-attachment: local;background-repeat:no-repeat ;background-size:cover;background-position: center;font-size: 1.2em;font-weight: bolder;color:tomato;text-align: center;display: flex;justify-content: center;align-items:center;border-radius: 10px;}
               .ct{height:400px;width:auto;background-image:url("../Images/ct.jpg");background-attachment: local;background-repeat:no-repeat ;background-size:cover;background-position: center;font-size: 1.2em;font-weight: bolder;color:tomato;text-align: center;display: flex;justify-content: center;align-items:center;border-radius: 10px;}
             
               .details{height:auto;background-repeat: no-repeat;background-size: cover;background-position: center;font-size: 22px;font-weight: bolder;color:tomato;text-align: center;border-radius: 10px;}
               .dlabel{background:linear-gradient(to left,white,whitesmoke,white);opacity: 1;font-size:1.5em;color:red;padding:10px;border-radius: 25px;box-shadow: 2px 2px 10px gray,3px 3px 10px black,3px 3px 10px black;margin:5px;}
               h2{font-family:   'AdorshoLipi', sans-serif;font-size: 2.5em;}
               .about{font-family:'AdorshoLipi', sans-serif;font-size: .8em;padding:20px; background:url(../Images/bg8.jpg);background-size: cover;background-repeat: no-repeat; text-align: justify;color:black;letter-spacing: 1px;border:40px solid;border-image-source: url("../Images/textborder.png") ;border-image-slice:120;margin: 10px;}
               .faculty{display: grid;
                        grid-template-rows:auto;
                        grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
                        grid-column-gap:10px;
                        grid-row-gap:20px;
                        grid-auto-rows:350px;
                        padding:30px;
                        }
                        .teacher{background:url(../Images/bg8.jpg);background-size:cover;background-position: center; border-radius:20px;text-align: center;color:maroon;padding: 15px;box-shadow: 10px 10px 10px gray;}
                        .teacher img{width:170px;height:208px;margin: 3px;border-radius: 10px;border:3px double maroon;}
               h3{width:100%;text-align: center;font-size: 1.5em;padding:10px;text-decoration: underline;color:maroon;font-weight: 900;}
               h4{text-transform: uppercase;font-size: .6em;}
               .teacher img:hover{width:180px;height:218px;}
              .details .about ul{margin-left: 20px;padding:10px;}
               @media screen and (max-width: 900px){                   
                   .faculty{padding:5px;}
                   .about{border:20px solid;border-image-source: url("../Images/textborder.png") ;border-image-slice:140;margin:5px;padding: 5px;}
               }