How to curve the corners of an embedded video?

I'm trying to stylize my embedded video a bit. Firstly I'm trying to curve the edges.

I'm currently running:

.sqs-native-video .native-video-player {
  border: 15px solid #D92052;
  border-radius: 5vmin;
}

But it cuts the radius underneath the video, not the video itself.

https://www.uppr.co is the website.

Thanks for any advice!

You mean this video?

No, the one below it with the red square. I've since fixed by updating the reference to:

.video-player .plyr {

EDIT: Ignore the below I fixed (see comment beneath)

Next issue seems to be that my font doesn't seem to be getting picked up on mac (windows + android mobile work no problem). Doing some reading on it now, but if you happen to know the issue then please do let me know 🙂

@font-face {
	font-family: Mulish;
	src: url(https://fonts.google.com/specimen/Mulish);
}

.header-nav:after {
    content: "Never miss a selling point again.";
    //display: block;
    position: relative;
  	line-height: 0;
    top: -5px;
  	font-size: 20px;
  	color: white;
  	//color: #403E56;
  	font-family: 'Mulish';
  	font-weight: 700;
}

h2 {
	font-weight: 500;
  	letter-spacing: -0.02em;
	font-family: 'Mulish';
}

Fixed the above text issue. I didn't add an import which seems to be necessary on some devices 🙂

Also used what I think is a better css font reference.

@import url('https://fonts.googleapis.com/css?family=Mulish');

@font-face {
	font-family: 'Mulish';
	src: url(https://fonts.googleapis.com/css?family=Mulish);
}