* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

html,body {
    position: relative;
    height:100vh;
    width:100vw;
}

body{
    background: linear-gradient(to right,#141E30, #243B55 );
}

#header h1{
    width:fit-content;
    position: absolute;
    left:50%;
    transform: translate(-50%,-170%);
    font-family: "autography";
    color:white;
    font-size:80px ;
}



#header p{
    position: absolute;
    left:50%;
    top:-10%;
    transform: translate(-50%,-50%);
    color:#fff;
    font-size: 20px;
    text-align: center;
    font-family: "montserrat";
}

#videos{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap:20px;
    margin-top:20%;
    padding:20px;
    padding-top:15%;
    overflow: hidden;
}

#videos iframe{
    /* height:auto;
    width:100%; */
    border:2px solid #19604a;
    border-radius: 8px;
}