@font-face{font-family:main;src:url(/assets/Kalam-Regular-eH010FEw.ttf)}:root{--background: #000000;--text: #ffffff;--Highlight: #ffdd00}body{background-color:var(--background)}header{width:100%;height:70px;display:flex;flex-direction:row;justify-items:center;justify-content:center;align-items:center;align-content:center}header .Wrapper{width:90%;height:100%;display:flex;flex-direction:row;justify-items:center;justify-content:center;align-items:center;align-content:center}.LogoHolder{width:50%;height:100%;display:flex;flex-direction:row;justify-items:center;justify-content:start;align-items:center;align-content:center;gap:20px}.LogoHolder h2{font-size:35px;color:var(--text)}.LogoHolder .LogoIcon{color:var(--text);font-size:50px}.NavHolder{width:50%;height:100%;display:flex;flex-direction:row;justify-items:center;justify-content:center;align-items:center;align-content:center}.NavHolder ul{width:100%;height:100%;display:flex;flex-direction:row;justify-items:center;justify-content:space-evenly;align-items:center;align-content:center;list-style:none}.NavHolder ul li a{color:var(--text);text-decoration:none;font-size:20px;transition:.5s;cursor:none}.NavHolder ul li{transition:.5s}.NavHolder ul li:hover{scale:1.1}.NavHolder ul li a:hover{text-decoration:underline;text-underline-offset:10px}@font-face{font-family:main;src:url(/assets/Kalam-Regular-eH010FEw.ttf)}html{scroll-behavior:smooth}body{overflow-x:hidden}main{width:100%;height:100%;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;align-content:center}main .Wrapper{width:90%;height:100%}main .TopPart{width:100%;height:800px;margin-top:50px;display:flex;flex-direction:row;justify-items:center;justify-content:center;align-items:center;align-content:center}main .LeftPart{width:50%;height:100%;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;align-content:center}main .LeftPartContent{width:100%;height:60%;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;align-content:center}main .LeftPart .TextHolder{width:100%;height:70%;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:start;align-content:start}main .LeftPart .TextHolder .ButtonHolder{width:40%;display:flex;flex-direction:row;justify-items:center;justify-content:space-evenly;align-items:center;align-content:center;margin-top:10px}main .LeftPart .TextHolder .ButtonHolder button{padding:10px 30px;border:1px solid var(--text);border-radius:999px;background-color:transparent;cursor:pointer;transition:.5s;color:#fff;font-size:20px;margin-top:10px}main .LeftPart .TextHolder .ButtonHolder button:hover{background-color:var(--text);color:#000}main .LeftPart .TextHolder h2{color:var(--text);font-size:50px;text-align:left}main .LeftPart .TextHolder p{font-size:20px;color:var(--textSecond);width:80%;text-align:left}main .RightPart{width:50%;height:100%;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;align-content:center;border:none}main .RightPart img{width:900px;border:none}main .DietPart,main .TimeLine{width:100%;height:500px;margin-top:50px;display:flex;flex-direction:column;justify-items:center;justify-content:space-evenly;align-items:center;align-content:center}main .TimeLine{margin-top:150px}main .DietPart .Title,main .TimeLine .Title{width:100%}main .DietPart .Title p,main .TimeLine .Title p{text-align:center;font-size:30px;color:var(--text)}main .DietHolder,main .TimeLineHolder{width:100%;height:100%;display:flex;flex-direction:row;justify-items:center;justify-content:space-evenly;align-items:center;align-content:space-evenly}main .MostKnownDinos{width:100%;height:1050px}main .MostKnownDinos .Title{width:100%;height:10%;text-align:center;display:flex;justify-items:center;justify-content:center;align-items:start;align-content:center;color:var(--text);font-size:30px}main .MostKnownDinos .Title a{position:absolute;right:6%;font-size:20px;color:var(--text);cursor:none;transition:.5s}main .MostKnownDinos .Title a:hover{color:#3636f5}main .MostKnownDinos .Content{width:100%;height:90%;display:flex;flex-direction:row;justify-items:center;justify-content:center;align-items:center;align-content:space-evenly;gap:74px;flex-wrap:wrap}@font-face{font-family:main;src:url(/assets/Kalam-Regular-eH010FEw.ttf)}.DietTypeWrapper{width:29%;height:230px;background-color:transparent;border:3px solid var(--text);border-radius:10px;padding:10px;transition:.5s}.DietTypeWrapper:hover{background-color:var(--text);scale:1.07}.DietTypeWrapper:hover .Title,.DietTypeWrapper:hover .Desc{color:var(--background)}.DietTypeWrapper .Title{width:100%;height:20%;font-size:30px;transition:.5s;color:#fff;text-align:center}.DietTypeWrapper .Desc{width:100%;height:80%;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;align-content:center;font-size:20px;color:var(--textSecond)}@font-face{font-family:main;src:url(/assets/Kalam-Regular-eH010FEw.ttf)}.MostKnownDInosWrapepr{width:20%;height:45%;background-color:transparent;border:3px solid var(--text);border-radius:10px}.MostKnownDInosWrapepr:hover{background-color:var(--text);transition:.5s;scale:1.07}.MostKnownDInosWrapepr:hover .title,.MostKnownDInosWrapepr:hover .Diet{color:var(--background)}.MostKnownDInosWrapepr .title{width:100%;height:10%;text-align:center;justify-items:center;justify-content:center;align-items:center;align-content:center;display:flex;color:var(--text);font-size:25px;transition:.5s}.MostKnownDInosWrapepr .Image{display:flex;width:100%;height:75%;text-align:center;justify-items:center;justify-content:center;align-items:center;align-content:center}.MostKnownDInosWrapepr .Image img{width:100%;scale:1.2}.MostKnownDInosWrapepr .Diet{width:100%;height:15%;font-size:25px;justify-items:center;justify-content:center;align-items:center;align-content:center;text-align:center;color:var(--text);transition:.5s}@font-face{font-family:main;src:url(/assets/Kalam-Regular-eH010FEw.ttf)}*{margin:0;padding:0;font-family:main}:root{--background: #000000;--text: #ffffff;--textSecond: #cecece;--Highlight: #ffdd00}footer{width:100%;height:400px;background-color:transparent;border:1px solid var(--text);margin-top:100px;border-radius:15px;display:flex;flex-direction:column;justify-items:center;justify-content:space-evenly;align-items:center;align-content:space-evenly;gap:40px}footer .Title{width:100%;height:10%;margin-top:10px;color:#fff;font-size:30px;text-align:center}footer .Content{width:90%;height:90%;color:var(--textSecond);font-size:25px}