html,body{
            margin:1vh;
            min-width: 80vh;
        }
        nav{
            padding:1vh;
            top: 0;
            min-width: 97.2vw;
            background-color: rgb(9, 66, 66);
            display: flex;
            justify-content:space-between;
            box-sizing: border-box;
            position:fixed;
        }
        nav .word{
            font-size: 5vh;
            font-style: italic;
            font-weight:800;
            background-image: linear-gradient(white,teal);
            background-clip:text ;
            color: transparent;
        }

        .but button{
            height: 6vh;
            min-width: 8vw;
            color: aliceblue;
            background-color: transparent;
            font-weight:600;
            transition:0.5s ease

        }
        .but button:hover{
            background-color: rgb(155, 228, 228);
            color: black;
        }
        nav input{
            height: 4vh;
            min-width: 20vw;
        }
        .icon {
            min-height:5vh;
            font-size: 4vh;   

        }
        
        .home{
            padding: 1vh;
            min-height: 97.5vh;
            min-width: none;
            background-color: teal;
            align-items: center;
            align-content: center;
            text-align: center;
        }   
        .products{
            min-height: 100vh;
            background-color: rgb(7, 121, 121);
            align-content: center;
            text-align: center;
            display: flex;
            justify-content: space-around;
            padding: 1vh;
            align-items: center;
        }
        .col{
            margin: 1vh;
            /* background-color: rgb(134, 225, 195); */
            background-color:rgba(134, 225, 195, 0.487) ;
            min-height: 80vh;
            width: 50vh;
            align-items: center;
            align-content: center;
            text-align: center;
            display: flex;
            flex-direction: column;
            padding: 2vh;
            box-sizing: border-box;
            transition: 0.3s ease;
        }
        .col:hover{
            border: 0.5vh solid black;
            background-color:rgba(134, 225, 195) ;

        }
        .col p{
            font-family:cursive;
            font-size: 5vh;
        }
        .sent{
            font-size: 3vh;
        }
        .pdiv{
            background-color: rgb(127, 255, 212, 0.845);
            /* min-height: 80vh; */
            width: 40vw;
            aspect-ratio: 1 /1;
            border-radius: 50% 40%;
            align-content: center;
            text-align: center;
            box-sizing: border-box;
            transition: 0.3s ease;
        }
        .pdiv:hover{
            background-color: rgb(97, 202, 167);
            border: 1vh double black;
        }
        .pdiv p{
            font-size: 3vh;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            color:darkblue;
            font-style:italic ;
        }
        .comment{
            background-color: rgb(5, 110, 110);
            min-height: 90vh;
        }
        .ccol{
            margin: 1vh;
            /* background-color: rgb(134, 225, 195); */
            background-image: linear-gradient(rgb(134, 225, 195),rgba(134, 225, 195, 0.687)) ;
            min-height: 80vh;
            width: 210vh;
            align-items: center;
            align-content: center;
            text-align: center;
            padding: 2vh;
            display: flex;
        }
        .ccol div{
            width: 15vw;
            height: 45vh;
            background-color: pink;
            margin: 1vh;
            align-items: center;
            align-content: center;
            box-sizing: border-box;
        }
        .ccol div:hover{
            background-color: rgb(238, 126, 145);
            font-size: 3vh;
            color: aliceblue;
            border: 1vh solid black;

        }
        .eevee{
            height: 10%;
            width:80%;
            background-image: url(images/eeve.jpg);
        }
        .eevee1{background-position: -20px -35px;}
        .eevee2{background-position: -255px -25px;}
        .eevee3{background-position: 0px -350px;}
        .eevee4{background-position: -470px -330px;}
        .eevee5{background-position: 0px -660px;}
        .eevee6{background-position: -240px -680px;}

       .contact{
            min-height: 90vh;
            background-image: linear-gradient(rgb(2, 102, 102),rgb(2, 82, 82),rgb(2, 77, 77));
            padding: 1vh;
            display: flex;
            align-items: center;
        }
        .contact div{
            margin: 1vh;
            width: 50vw;
            min-height: 70vh;
            background-color: rgba(0, 255, 195, 0.737);
            align-content: center;
            align-items: center;
            text-align: center;
            transition: 0.5s ease;
        }
        .contact div:hover{
            background-color: rgb(154, 250, 227);

        }
        h1{
            font-size: 7vh;
            background-image: linear-gradient(rgb(3, 71, 71),rgb(134, 32, 49));
            background-clip: text;
            color: transparent;
        }
        .contact div input{
            width: 80vh;
            height: 4vh;
            margin:1vh
        }
        .contact div button{
            min-width: 10vh;
            height: 4vh;
        }
        h2{
            font-size: 6vh;
            background-image: linear-gradient(90deg,rgb(182, 130, 241),white);
            background-clip: text;
            color: transparent;    
        }